@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?aarpte'); src: url('fonts/icomoon.eot?aarpte#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?aarpte') format('truetype'), url('fonts/icomoon.woff?aarpte') format('woff'), url('fonts/icomoon.svg?aarpte#icomoon') format('svg'); font-weight: normal; font-style: normal; }
* { margin: 0; padding: 0; font-style: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: baseline; }
html, body { -webkit-overflow-scrolling: touch; font-family: 'Microsoft Yahei', Helvetica, sans-serif; overflow-x: hidden; width: 100%; }
html { font-size: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #fff; }
body { color: #666; font-weight: normal; letter-spacing: 0.2px; line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; }
.icon { letter-spacing: 0px; display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { color: #666; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:focus, a:hover { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
a, div, img, button, input, textarea, label, select { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
input, textarea { -webkit-appearance: none; appearance: none }
input, textarea, button { outline: 0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
a { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.tition, .employeebg { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.navbar { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

/* nav */
.banner { padding-top: 60px; text-align: center; }
.index-banner{padding-top: 144px;}
.navbar { position: fixed; z-index: 999; background: #fff; border: none; border-radius: 0 !important; -webkit-border-radius: 0 !important; height: 62px; margin-bottom: 0; width: 100%; top: 62px; left: 0; }
.navbar .container-fluid { position: relative; }
.navbar-brand { padding: 0; height: 25px; margin: 19px 0 0 30px; }
#header-logo h1{ display:none; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #5c5c5e; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #5c5c5e; }
.navbar-nav>li>.dropdown-menu { width: 100%; border: none; }
.dropdown-menu { border-radius: 0; -webkit-border-radius: 0; box-shadow: none; margin: 0; padding: 0; padding-bottom: 20px; padding-top: 11px; background: none; }
.dropbg { position: absolute; width: 100%; height: 0; background: #5c5c5d; opacity: 0.95; top: 0; left: 0; filter: alpha(opacity=95); }
.dropdown-list { color: #fff; margin: 0 30px; }
.h5-tit { font-size: 16px; color: #fff; padding: 14px 0; position: relative; padding-right: 5px; padding-left: 30px; }
.h5-tit i.icon { position: absolute; height: 100%; left: 0; top: 11px; }
.dropdown-con { opacity: 0; filter: alpha(opacity=0); transition: opacity 0.5s 0.1s ease-in; -webkit-transition: opacity 0.5s 0.1s ease-in; }
.dropdown-list { }
.dropdown-list a { display: block; font-size: 13px; line-height: 24px; color: #fff; background: url(../images/icon01.png) left center no-repeat; padding-left: 20px; }
.dropdown-list a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.nav .dropdown-menu { display: none !important; }
.navbar-default .navbar-nav>li>a { color: #726f71; background: url(../images/line01.png) right center no-repeat; }
.navbar-default .navbar-nav>li a.last-nav-a { background-image: none; }
.dropbg { transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.navbar-toggle { border: none; }
.navbar-toggle .icon-bar { width: 20px; }
.navbar-default .navbar-toggle .icon-bar { background: #1d1d1d; }
.navbar-toggle .icon-bar:first-child { width: 12px; }
.navbar-toggle .icon-bar:last-child { width: 16px; }
.navbar-toggle { margin-top: 15px; margin-right: 10px; border: none; }
.nav .mobilenav-tit { display: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }
.mobilenav { border: none; width: 65%; position: absolute; background: #fff; right: 0; top: 0; padding: 0; margin: 0 !important; }
.mobilenav .navbar-nav { margin: 0; padding: 0; }
.mobilenav .mobilenav-tit { display: block; background: #333333; height: 60px; font-size: 1.1rem; line-height: 60px; padding-left: 18px; font-weight: 500; color: #acacac; }
.navbar-toggle .icon-bar { transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
.navbar-toggle .icon-bar:nth-child(2) { background: #ffffff; }
.navbar-toggle .icon-bar:last-child { position: relative; top: -3px; width: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -2px; background: #333333; }
.navbar-toggle .icon-bar:nth-child(1) { position: relative; top: 5px; width: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #333333; }
.navbar-toggle .icon-bar { height: 3px; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { background: #1d1d1d; }
.navbar-toggle.collapsed .icon-bar:last-child { position: relative; top: 0px; width: 16px; transform: rotate(0deg); -webkit-transform: rotate(0deg); margin-top: 4px; background: #1d1d1d; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { position: relative; top: 0px; width: 12px; transform: rotate(0deg); -webkit-transform: rotate(0deg); background: #1d1d1d; }
.navbar-toggle.collapsed .icon-bar { height: 2px; }
.mobilenav-tit input { background: none; border: none; padding-right: 50px; width: 100%; }
.mobilenav .navbar-nav>li>a { padding: 14px 15px; border-bottom: 1px solid #e7e7e7; color: #726f71; background: none; font-size: 1.0rem; font-weight: normal; padding-left: 50px; }
.mobilenav .navbar-nav>li>a, .navbar-default .mobilenav .navbar-nav>li a.last-nav-a, .navbar-default .mobilenav .navbar-nav>.open>a { background: url(../images/icon02.png) 21px center no-repeat; background-size: 8px auto; }
.mobilenav .navbar-nav>li>a:active, .navbar-default .mobilenav .navbar-nav>.open>a:active, .navbar-default .mobilenav .navbar-nav>li a.last-nav-a:active { background-color: #333333; color: #fff; }
.mobilenav .navbar-nav>li.open { margin: 0; }
.navbar-default .mobilenav .navbar-nav>.open>a { border: noe; border-bottom: 1px solid #e7e7e7; color: #726f71; }
#navbar-toggle { right: 66%; position: absolute; top: 0; display: none; }
#navbar-toggle.navbar-toggle .icon-bar:nth-child(2) { background: #1d1d1d; }
#navbar-toggle.navbar-toggle .icon-bar:last-child { position: relative; top: 0px; width: 16px; transform: rotate(0deg); -webkit-transform: rotate(0deg); margin-top: 4px; background: #1d1d1d; }
#navbar-toggle.navbar-toggle .icon-bar:nth-child(1) { position: relative; top: 0px; width: 12px; transform: rotate(0deg); -webkit-transform: rotate(0deg); background: #1d1d1d; }
#navbar-toggle.navbar-toggle  .icon-bar { height: 2px; }
.swiper-slide img.bigPic { max-width: 100%; }
.swiper-container { margin: 0 auto; position: relative; z-index: 1; overflow: hidden; }
.swiper-slide { overflow: hidden; }
.swiper-pagination-bullet { background: none; width: 80px; height: auto; border-radius: 0; -webkit-border-radius: 0; border-bottom: 5px solid #ccc; padding-top: 6px; }
.swiper-pagination-bullet-active { border-bottom: 5px solid #e5e5e5; }

/**header search 2019-06-06 by hjwen**/
.nav-right .header-search:after {content:""; clear:both; display:table}
.nav-right .search-box { margin-right: 20px;}
.nav-right .header-search form {width: auto;float: right;margin-top: 15px;position: relative;}
.nav-right .header-search input {width: 120px;height: 32px;padding-left: 15px;border-radius: 22px;border: 1px solid #ccc;outline: none;transition: .3s linear;}
.nav-right .header-search input:focus {width: 200px;border: 1px solid #726f71;}
.nav-right .header-search .submit {width: 42px;background: none;border: none;position: absolute;top: 5px;right: 0px;}
.nav-right .header-search .icon-search{font-size: 22px;}
/**end**/

.dropdown-list .ddlistp { color: #fff; line-height: 24px; font-size: 13px; }
.dropdown-list .ddlistp .icon { vertical-align: -2px; padding-right: 14px; }
.nav-right { position: absolute; right: 0; top: 0; color: #909090; }
.nav-right .tel, .nav-right .language { height: 62px; margin-right: 20px; line-height: 62px; font-size: 14px; position: relative; padding-left: 36px; }
.nav-right .language { cursor: pointer; margin-right: 30px; position: relative; padding-right: 22px; }
.language .icon-up-down, .icon-more-direction { position: absolute; right: 0; top: 27px; display: inline-block; width: 9px; height: 5px; background: url(../images/icon03.png) 0 0 no-repeat; }
.icon-more-direction { display: none; top: auto; bottom: 0; right: 46%; width: 14px; height: 7px; background-position: 0 -10px; }
.nav-code { display: block; width: 32px; height: 31px; background: #bbbbbb; }
.nav-phone { display: block; width: 32px; height: 31px; background: #868686; }
.language:hover .icon-language, .language.open .icon-language { color: #0679d5; }
.language:hover, .language.open { color: #0679d5 }
.language.open .icon-more-direction { display: block; }
.language:hover .icon-up-down, .language.open .icon-up-down { background-position: 0 -5px; }
.language .dropdown-language { display: none !important; }
.dropdown-language a { text-align: center; font-size: 13px; color: #fff; margin: 0 30px; margin-top: 20px; display: inline-block; float: left; width: 80px; }
.dropdown-language a:hover { opacity: 0.80; filter: alpha(opacity=80); }
.dropdown-language a.active { color: #11c152 }
.dropdown-language p span { display: inline-block; width: 34px; height: 23px; background: url(../images/language.png) left no-repeat; }
.dropdown-language p span.English { background-position: 0px 0px; }
.dropdown-language p span.Chinese { background-position: -34px 0px; }
.dropdown-language p span.Spain { background-position: -68px 0px; }
.dropdown-language p span.Japanese { background-position: -102px 0px; }
.dropdown-language p span.Portugal { background-position: -136px 0px; }
.dropdown-language p span.Germany { background-position: -170px 0px; }
.dropdown-language p span.Italy { background-position: -204px 0px; }
.dropdown-language p span.Russia { background-position: -238px 0px; }
.dropdown-con.dropdown-language { padding-left: 0; padding-bottom: 4px; }
.dropdown-language p { padding-bottom: 6px; }
.language-con { display: none; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #f5f5f5; }
.bannerword { position: absolute; top: 0; left: 0; z-index: 888; width: 40%; top: 50%; margin-top: -100px; text-align: left; left: 19%; }
.bannerword .p1 { color: #fff; font-size: 28px; letter-spacing: 1px; }
.bannerword .p2 { color: #fff; font-size: 36px; letter-spacing: 2px; }
.bannerword .p1 { margin-bottom: 3px; }
.bannerword .download { margin-top: 35px; }
.downloadBtn { padding-left: 12px; display: inline-block; width: 176px; position: relative; -webkit-border-radius: 2px; border-radius: 2px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; /* background: rgba(75,167,244,0.2) */ }
.downloadBtn:hover { color: #fff; }
.icon-downloadBtn:before { content: '\e916'; }
.icon-downloadBtn { color: #fff; position: absolute; left: 23px; top: 8px; font-size: 22px; }
.bannerword .p1 { opacity: 0; -webkit-transform: translate3d(-100%, 0%, 0); transform: translate3d(-100%, 0%, 0); -moz-transform: translate3d(-100%, 0%, 0); transform: translate3d(-100%, 0%, 0); transition: opacity 0.8s ease-out, transform 0.8s; }
.bannerword .p2 { opacity: 0; -webkit-transform: translate3d(-100%, 0%, 0); transform: translate3d(-100%, 0%, 0); transition: opacity 0.8s 0.2s ease-out, transform 0.8s 0.2s; }
.swiper-slide-active .bannerword .p1, .swiper-slide-active .bannerword .p2 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.downloadBtn span { opacity: 0; }
.swiper-slide-active .downloadBtn span { opacity: 1; -webkit-transition: opacity 0.4s 1s ease-out; -moz-transition: opacity 0.4s 1s ease-out; transition: opacity 0.4s 1s ease-out; }
.downloadBtn { -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
.downloadBtn:before, .downloadBtn:after { content: ''; display: block; position: absolute; }
.downloadBtn:after, .downloadBtn:before { box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; }
.downloadBtn:before { bottom: 0; right: 0; -moz-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; }
.swiper-slide-active .downloadBtn:after, .swiper-slide-active .downloadBtn:before { width: 100%; height: 100%; }
.swiper-slide-active .downloadBtn:before { border-bottom-color: #fff; border-left-color: #fff; -webkit-transition: border-color 0s ease-out 0.6s, width 0.4s ease-out 0.6s, height 0.2s ease-out 1.0s; transition: border-color 0s ease-out 0.6s, width 0.4s ease-out 0.6s, height 0.2s ease-out 1.0s; }
.downloadBtn:after, .downloadBtn:before { box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; border-radius: 3px; -webkit-border-radius: 3px; }
.downloadBtn:after { top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; }
.swiper-slide-active .downloadBtn:after { border-top-color: #fff; border-right-color: #fff; -webkit-transition: width 0.6s ease-out, height 0.2s ease-out 0.6s; transition: width 0.4s ease-out, height 0.2s ease-out 0.4s; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 25px; }
.product { padding-top: 30px; }
.product-tit { text-align: center; font-size: 30px; color: #000; }
.product-menu a { display: inline-block; width: 160px; font-size: 16px; color: #333; text-align: center; }
.product-menu a:first-child { margin-left: 0;  }
.product-menu a:last-child { margin-right: 0;  }
.product-menu { text-align: center; margin-top: 48px; }
.product-con { text-align: center; margin-top: 20px; }
.product-con .product-list { display: none; }
.product-con .lump { vertical-align: top; display: inline-block; width: 370px; height: 236px; text-align: center; color: #666; margin: 8px 35px; }
.product-con .lump .pic-icon { margin-top: 55px; height: 54px; }
.product-con .lump .h5-product { color: #333333; font-size: 18px; padding-top: 25px; transition: all 1.0s; -webkit-transition: all 1.0s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-con .lump .p-tit { color: #8c8c8c; font-size: 14px; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-con .lump:first-child { margin-left: 0 !important; }
.product-con .lump:first-child+a+a { margin-right: 0 !important; }
.product-con .lump:first-child+a+a+a { margin-left: 0 !important; }
.product-con .lump:last-child { margin-right: 0 !important; }
.product-con .lump:nth-child(3n) { margin-right: 0 !important; }
.product-con .lump:nth-child(4) { margin-left: 0 !important; }
.product-con .lump:hover { background: #f1f1f1; }
.product-con .lump:hover .h5-product { color: #0679d5; }
.product-con .lump:hover p.p-tit { display: none; }
.product-download { padding-top: 20px; display: none; }
.product-con .lump:hover .product-download { display: block; }
.product-download a { position: relative; display: inline-block; width: 134px; height: 28px; line-height: 28px; font-size: 14px; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; color: #0679d5; }
.product-download a i { font-size: 15px; color: #0679d5; }
.navbar-max { height: 82px; padding: 10px 0; }
.navbar-max .navbar-nav>li>a { padding-top: 31px; padding-bottom: 31px; margin-top: -10px; }
.navbar-max .dropdown-menu-content { top: 72px; }
.navbar-max .nav-right .language { height: 72px; }
.navbar-max .nav-code { margin-top: -10px; }
.navbar-max .nav-code, .navbar-max .nav-phone { height: 41px; }
.navbar-max .icon-phone, .navbar-max .icon-code { padding-top: 12px; }
.navbar-min { border-bottom: 1px solid #dddddd; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2); box-shadow: 0 0 8px rgba(0, 0, 0, .2); }
.product-con .lump:hover .product-download { opacity: 0; filter: alpha(opacity=100); -webkit-animation: throb 0.3s ease-in-out forwards; animation: throb 0.6s ease-in-out forwards; position: relative; }
@keyframes throb {
	0% { opacity: 0; top: 10px }
	100% { opacity: 1; top: 0px }
}
@-webkit-keyframes throb {
	0% { opacity: 0; top: 10px }
	100% { opacity: 1; top: 0px }
}
.dataNumber { text-align: center; height: 310px; max-width: 100%; background: url(../images/bg01.jpg) center no-repeat; }
.dataNumber-list { display: inline-block; color: #fff; }
.data-icon { margin-bottom: 65px; margin-top: 72px; }
.data-con { display: inline-block; position: relative; padding-left: 80px; text-align: left; width: 210px; }
.data-con .num { position: absolute; right: 158px; bottom: -7px; font-family: Arial; font-size: 60px; line-height: 1; letter-spacing: -2px; opacity: 1; filter: alpha(opacity=100); color: #a3a3a6; }
.data-con .zh { font-size: 18px; line-height: 1.1; }
.data-con .en { font-size: 10px; color: #a2a2a2; letter-spacing: -0.2px; }
.icon-data-add { position: absolute; right: 141px; top: -20px;  display: inline-block; width: 8px; height: 7px; }
.icon-data-add2 { right: 121px; width: 28px; }
.dataNumber-list { width: 324px; text-align: center; }
.case-list { height: 450px; text-align: center; }
.case { position: relative; overflow: hidden; }
.case .swiper-pagination-bullet { border-color: #dcdcdc; }
.case .swiper-pagination-bullet-active { border-color: #acacac; }
.case-tit-h3 { color: #000; font-size: 30px; margin-top: 70px; }
.case-tit-h4 { font-size: 28px; color: #666; margin-top: 70px; }
.case-con { padding-top: 10px; font-size: 14px; color: #3c3c3c; max-width: 1200px; margin: 0 auto; }
.case-more-btn { display: inline-block; color: #0679d5; height: 28px; line-height: 28px; width: 134px; border: 1px solid #58a5e3; border-radius: 3px; -webkit-border-radius: 3px; }
.case-more { margin-top: 50px; }
.employee { overflow: hidden; width: 100%; height: 400px; background: url(../images/bg02.jpg) center center no-repeat; position: relative; }
.employee-list { position: relative; width: 600px; height: 220px; margin: 0 auto; margin-top: 80px; }
.employee-word { position: relative; z-index: 3; width: 386px; color: #fff; margin: 45px 37px 0 0; }
.employee-pic { position: relative; z-index: 3; padding: 55px 0 0 35px; }
.employee-pic img { width: 104px; height: 104px; border-radius: 50%; -webkit-border-radius: 50%; }
.employee-con { font-size: 14px; line-height: 22px; height: 84px; overflow: hidden; }
.employee-word h4 { font-size: 16px; font-weight: 700; padding-bottom: 6px; }
.employee-word h5 { font-size: 15px; padding-bottom: 5px; }
.employeebg { opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; left: 0; top: 0; }
.news-tit { font-size: 30px; text-align: center; color: #000; }
.news { width: 1200px; margin: 0 auto; margin-top: 60px; margin-bottom: 50px; }
.news-tit-h3 { border-bottom: 2px solid #e5e5e5; }
.news-tit-h3 span { border-bottom: 2px solid #087cd8; padding: 10px 0; display: inline-block; margin-bottom: -2px; font-size: 16px; font-weight: normal; color: #000; }
.news-con-left { width: 770px; }
.news-con-right { width: 360px; }
.employee-list:hover .employeebg { opacity: 0.10; filter: alpha(opacity=10); }
.news-pic { width: 200px; height: 130px; overflow: hidden; position: relative; }
.news-pic img, .news-pic:before, .icon-news-z { -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.news-pic:before { z-index: 3; content: ''; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=100); position: absolute; left: 0; top: 0; background: #087cd8; }
.icon-news-z:before { content: '\e948'; }
.icon-news-z { opacity: 0; filter: alpha(opacity=100); font-size: 44px; z-index: 4; margin: -22px 0 0 -22px; position: absolute; left: 50%; top: 50%; color: #fff; }
.news-list:hover .icon-news-z { opacity: 1; filter: alpha(opacity=100); }
.news-list:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); }
.news-list:hover .news-pic:before { opacity: 0.45; }
.new-line { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; padding: 10px; }
.new-line i { display: block; width: 100%; height: 100%; position: relative; }
.new-line i:after, .new-line i:before { box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; }
.new-line i:before { opacity: 0.25; filter: alpha(opacity=25); content: ''; display: block; position: absolute; }
.new-line i:before { bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; }
.new-line i:after { opacity: 0.25; filter: alpha(opacity=25); content: ''; display: block; position: absolute; }
.new-line i:after { top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; }
.news-list:hover .new-line i:after, .news-list:hover .new-line i:before { width: 100%; height: 100%; }
.news-list:hover .new-line i:before { border-bottom-color: #fff; border-left-color: #fff; -webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; }
.news-list:hover .new-line i:after { border-top-color: #fff; border-right-color: #fff; -webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; }
.news-list:hover { }
.news-word { width: 545px; }
.news-list { padding: 30px 0; border-bottom: 1px solid #e6e6e6; }
.news-tit-h5 a { color: #000; font-size: 14px; }
.news-tit-h5 a:hover { color: #0679d5; }
.news-word-con { margin-top: 15px; height: 66px; color: #666666; overflow: hidden; line-height: 22px; font-size: 14px; }
.news-info { font-size: 12px; color: #9ca4ab; margin-top: 10px; }
.news-info span { position: relative; padding-left: 22px; padding-right: 22px; }
.news-info span i.icon { position: absolute; left: 0; top: 1px; }
.news-info span i.icon-news-b { top: 0; }
.news-info span i.icon-news-a { top: 0; }
.news-info span i.icon-news-c { top: 0px; }
.news-tit-h5 { padding-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-info .tomore { color: #087cd8; cursor: pointer; float: right; }
.linktomore { float: right; padding-top: 9px; }
.linktomore:hover i.icon { color: #0679d5; }
.news-right-con { padding: 22px 10px 10px 30px; }
.news-right-tit a { color: #000000; }
.news-right-list { padding-bottom: 13px; position: relative; }
.news-right-list .news-info { padding-top: 5px; }
.news-right-con { position: relative; }
.news-list-icon { position: relative; height: 100%; }
.news-right-icon { position: absolute; left: 0; height: 100%; top: 0; padding: 20px 0; padding-bottom: 52px; }
.news-right-icon span { position: absolute; left: 2px; top: 0; display: block; width: 11px; padding: 4px 0; height: 20px; background: url(../images/icon05.png) left center no-repeat #fff; }
.span-news-icon { position: absolute; left: -28px; top: -2px; display: block; width: 11px; padding: 4px 0; height: 20px; background: url(../images/icon05.png) left center no-repeat #fff;  }
.news-right-list:hover .span-news-icon {  background-position: right center; }

.news-right-icon span.active { background-position: right center; }
.news-right-icon span.span-2 { top: 30%; }
.news-right-icon span.span-3 { top: auto; bottom: 30%; }
.news-right-icon span.span-4 { top: auto; bottom: 0; }
.news-right-icon .line { width: 1px; height: 100%; display: inline-block; background: none; margin-left: 7px; }
.news-right-tit a:hover { color: #0679d5; }
.news-right-tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.foot-wrap { background: #23262a; /* margin-top: 100px; */ padding-top: 32px; }
.center { width: 1200px; margin: 0 auto; }
.footer-up { padding-bottom: 36px; border-bottom: 1px solid #121212; }
.footer-link { margin-left: -12px; }
.footer-link a { font-size: 14px; position: relative; color: #959799; padding: 0 14px; padding-left: 12px; line-height: 1; }
.footer-link a:before { content: ''; position: absolute; right: 0; top: 5px; height: 11px; width: 1px; display: inline-block; background: #646669; }
.footer-link a:last-child:before { display: none; }
.footer-copyright { /*width: 510px;*/ color: #73777a; font-size: 12px; margin-top: 14px; line-height: 22px; }
.footer-copyright a{ color:#73777a; padding: 0 3px;}
.footer-down { height: auto; line-height: 24px; border-top: 1px solid #333333; font-size: 14px; color: #959799; padding: 13px 0; }
.footer-down a { color: #959799; padding-right: 20px; cursor: pointer; }
.footer-down a:hover { color: #0679d5; }
.footer-down a.footer-link-more:hover { border: 1px solid #0679d5; }
.footer-down p { margin-right: 210px; overflow: hidden; height: 24px; }
.footer-down .center { position: relative; }
.footer-down .footer-link-more { position: absolute; right: 140px; top: 1px; border: 1px solid #696b6d; display: inline-block; line-height: 1; padding: 3px 10px; padding-bottom: 4px; font-size: 13px; border-radius: 2px; -webkit-border-radius: 2px; }
.footer-code { display: inline-block; vertical-align: top; }
.footer-tel { display: inline-block; width: 150px; font-size: 20px; line-height: 1.1; color: #899097; }
.footer-tel-pic { padding-top: 10px; }
.copyright-info { vertical-align: top; margin-right: 60px; }
.footer-code { position: relative; padding: 5px; background: #fff; }
.footer-code img { width: 84px; height: 84px; }
.footer-code strong { font-weight: normal; position: absolute; right: 0; width: 100%; bottom: -25px; font-size: 13px; line-height: 1; padding: 4px 0 6px 2px; text-align: center; color: #73777a; }
.backtop { z-index: 99; padding: 8px 8px; display: inline-block; display: none; position: fixed; right: 0; bottom: 217px; background: #313437; border-radius: 2px; -webkit-border-radius: 2px; }
.backtop:hover { background: #087cd8; color: #fff; }
.backtop:hover i.icon { color: #fff; }
.information { position: fixed; bottom: 0%; right: 0; z-index: 99; }
.information ul { margin-bottom: 0; }
.information ul li a { width: 152px; cursor: pointer; position: absolute; left: -100px; background: #58595a; display: block; height: 162px; padding-left: 58px; height: 54px; line-height: 52px; color: #fff; border-bottom: 2px solid #fff; }
.information ul li {  width: 52px; height: 54px; position: relative; list-style: none; }
.information ul li a.information-e { background: #383838; }
.information ul li:last-child  a { border-bottom: none; background: #383838; }
.information ul li a i.icon { position: absolute; left: 14px; top: 12px; }
.information ul li a:hover { background: #087cd8; left: -100px; }
.information ul li a { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
/*.swiper-button-next, .swiper-button-prev { display: none; }*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35 !important; filter: alpha(opacity=35); }
.swiper-button-next, .swiper-button-prev { width: 41px; margin-top: -44px; height: 89px; background: url(../images/icon06.png) left center no-repeat; }
.swiper-button-next { background-position: right center; }
.info-hide { display: none; }
.information.active .info-hide { display: block; }

/* icon */
.icon-nav-a { font-size: 20px; color: #fff; }
.icon-nav-a:before { content: "\e905"; }
.icon-nav-b { font-size: 20px; color: #fff; }
.icon-nav-b:before { content: "\e92f"; }
.icon-nav-c { font-size: 20px; color: #fff; }
.icon-nav-c:before { content: "\e930"; }
.icon-nav-d { font-size: 20px; color: #fff; }
.icon-nav-d:before { content: "\e927"; }
.icon-nav-e { font-size: 20px; color: #fff; }
.icon-nav-e:before { content: "\e90b"; }
.icon-nav-f { font-size: 20px; color: #fff; }
.icon-nav-f:before { content: "\e92b"; }
.icon-nav-g { font-size: 20px; color: #fff; }
.icon-nav-g:before { content: "\e914"; }
.icon-nav-h { font-size: 20px; color: #fff; }
.icon-nav-h:before { content: "\e931"; }
.icon-nav-i { font-size: 20px; color: #fff; }
.icon-nav-i:before { content: "\e923"; }
.icon-nav-j { font-size: 20px; color: #fff; }
.icon-nav-j:before { content: "\e929"; }
.icon-nav-k { font-size: 20px; color: #fff; }
.icon-nav-k:before { content: "\e931"; }
.icon-nav-l { font-size: 20px; color: #fff; }
.icon-nav-l:before { content: "\e90e"; }
.icon-nav-m { font-size: 20px; color: #fff; }
.icon-nav-m:before { content: "\e90d"; }
.icon-nav-n { font-size: 20px; color: #fff; }
.icon-nav-n:before { content: "\e913"; }
.icon-nav-o { font-size: 20px; color: #fff; }
.icon-nav-o:before { content: "\e93b"; }
.icon-nav-p { font-size: 15px; color: #fff; }
.icon-nav-p:before { content: "\e907"; }
.icon-nav-q { font-size: 15px; color: #fff; }
.icon-nav-q:before { content: "\e90f"; }
.icon-nav-r { font-size: 15px; color: #fff; }
.icon-nav-r:before { content: "\e904"; }
.icon-search:before {content: "\e96b";}
.icon-zwsim:before {content: "\e96c";}
.icon-uniE96D:before {content: "\e96d";}
.icon-34:before {content: "\e96e";}
.icon-nav-s { font-size: 15px; color: #fff; }
.icon-nav-s:before { content: "\e924"; }
.icon-tel { font-size: 26px; color: #8a8a8a; position: absolute; left: 0; top: 18px; }
.icon-tel:before { content: "\e908"; }
.icon-language { font-size: 26px; color: #8a8a8a; position: absolute; left: 0; top: 18px; }
.icon-language:before { content: "\e925"; }
.icon-code { font-size: 16px; color: #fff; padding: 7px 0 0 8px; }
.icon-code:before { content: "\e915"; }
.icon-phone { font-size: 16px; color: #fff; padding: 7px 0 0 8px; }
.icon-phone:before { content: "\e901"; }
.icon-pro-a { font-size: 44px; color: #2189dc; }
.icon-pro-a:before { content: "\e92a"; }
.icon-pro-b { font-size: 52px; color: #2189dc; }
.icon-pro-b:before { content: "\e932"; }
.icon-pro-c { font-size: 44px; color: #2189dc; }
.icon-pro-c:before { content: "\e92c"; }
.icon-pro-d { font-size: 54px; color: #2189dc; }
.icon-pro-d:before { content: "\e90a"; }
.icon-pro-e { font-size: 48px; color: #2189dc; }
.icon-pro-e:before { content: "\e92d"; }
.icon-pro-f { font-size: 52px; color: #2189dc; }
.icon-pro-f:before { content: "\e903"; }
.icon-data-a { font-size: 62px; color: #fff; }
.icon-data-a:before { content: "\e926"; }
.icon-data-b { font-size: 62px; color: #fff; }
.icon-data-b:before { content: "\e902"; }
.icon-data-c { font-size: 62px; color: #fff; }
.icon-data-c:before { content: "\e917"; }
.icon-data-d { font-size: 62px; color: #fff; }
.icon-data-d:before { content: "\e906"; }
.icon-more { font-size: 17px; color: #0679d5; vertical-align: -2px; margin-right: 7px; }
.icon-more:before { content: "\e90c"; }
.icon-news-a { font-size: 18px; color: #a0a8af; }
.icon-news-a:before { content: "\e945"; }
.icon-news-b { font-size: 18px; color: #a0a8af; }
.icon-news-b:before { content: "\e942"; }
.icon-news-c { font-size: 18px; color: #a0a8af; }
.icon-news-c:before { content: "\e947"; }
.icon-more-d { font-size: 15px; color: #5f92f4; vertical-align: -2px; margin-right: 2px; }
.icon-more-d:before { content: "\e944"; }
.icon-news-more { font-size: 22px; color: #a0a7ab; }
.icon-news-more:before { content: "\e941"; }
.icon-top { font-size: 36px; color: #8e9091; }
.icon-top:before { content: "\e93a"; }
.icon-info-a { font-size: 27px; color: #fff; }
.icon-info-a:before { content: "\e909"; }
.icon-info-b { font-size: 27px; color: #fff; }
.icon-info-b:before { content: "\e900"; }
.icon-info-c { font-size: 27px; color: #fff; }
.icon-info-c:before { content: "\e910"; }
.icon-info-d { font-size: 27px; color: #fff; }
.icon-info-d:before { content: "\e911"; }
.icon-info-e { font-size: 27px; color: #fff; }
.icon-info-e:before { content: "\e928"; }
.icon-info-f { font-size: 27px; color: #fff; }
.icon-info-f:before { content: "\e90f"; }
.icon-pro-z { font-size: 50px; color: #5a6063; display: inline-block; padding-top: 8px; }
.icon-pro-z:before { content: "\e94a"; }
.icon-pro-x { font-size: 43px; color: #5a6063; display: inline-block; padding-top: 11px; }
.icon-pro-x:before { content: "\e94c"; }
.icon-pro-r { font-size: 60px; color: #5a6063; display: inline-block; position: relative; top: 8px; }
.icon-pro-r:before { content: "\e94b"; }
.icon-right { display: none; position: absolute; top: 22px; color: #555555; font-size: 16px; right: -26px; }
.icon-right:before { content: "\e949"; }
.icon-zwsim{font-size: 46px;color: #5a6063;}

.icon-act-a { font-size: 24px; color: #383a3e; vertical-align: -3px; margin-right: 8px; }
.icon-act-a:before { content: "\e931"; }
.icon-act-b { font-size: 26px; color: #383a3e; vertical-align: -4px; margin-right: 8px; }
.icon-act-b:before { content: "\e929"; }
.icon-page-more {  font-size: 14px; color: #606165; vertical-align: -1px; margin-left: 8px; }
.icon-page-more:before { content: "\e94d"; }

.product-menu a span { color: #5a6063; display: block; padding-top: 15px; }
.p-pro { height: 60px; }
.icon-pro-y { vertical-align: -4px; display: inline-block; width: 44px; height: 51px; background: url('../images/icon-pro.png') left center no-repeat; }
.product-menu a { margin: 0 40px; }
.product-center { width: 1200px; margin: 0 auto; position: relative; }
.product-left { width: 192px; text-align: left; }
.product-left h3 { font-size: 18px; font-weight: normal; padding-top: 14px; color: #373d41; }
.product-left p { line-height: 22px; color: #9b9ea0; font-size: 14px; padding-top: 24px; }
.product-left a.product-more { margin-top: 50px; color: #bbbcbd; display: inline-block; width: 102px; text-align: center; padding: 4px 0; border: 1px solid #dbdbdc; }
.product-left a.product-more:hover { color: #0679d5; border-color: #0679d5; }
.product-con { background: #f5f5f6; padding: 30px 0 50px 0; }
.product-right { width: 900px; text-align: left; }
.product-right-list { float: left; }
.product-right-list h4 { margin-left: 26px; margin-top: 14px; color: #000; font-size: 14px; }
.product-right-list p { position: relative; padding-top: 10px; margin-left: 26px; color: #9b9ea0; width: 348px; }
.product-right-list { width: 447px; height: 110px; display: inline-block; text-align: left; }
.product-right-list:hover { background: #fff; }
.product-right-list:hover  .icon-right { display: block }
.product-menu a.active i.icon, .product-menu a:hover i.icon { color: #0679d5; }
.product-menu a.active span, .product-menu a:hover span { color: #0679d5; }
.product-menu a span
.product-menu { position: relative }
.product-menu strong { position: absolute; z-index: 3; left: 0; bottom: 0; width: 28px; height: 11px; display: inline-block; background: url('../images/icon11.png') no-repeat; }
.product-menu strong { -moz-transition: left 0.3s ease-in; -webkit-transition: left 0.3s ease-in; transition: left 0.3s ease-in; }
.product-menu { padding-bottom: 50px; position: relative; }
.product-con { margin-top: 0; }
.product-menu a.active .icon-pro-y, .product-menu a:hover .icon-pro-y { background-position: right center; }
.bannerPic { position: absolute; right: 3%; top: 20px; height: 100%; width: 700px; transform-style: preserve-3d; transition: all .15s ease-out; }
.bannerPic p { position: absolute; top: 0; right: 0; padding: 15% 0 10% 0; height: 100%; width: 100%; }
.bannerPic p img { max-height: 100%; }
.product-left a.product-download { color: #999; border: 1px solid #999; margin-top: 25px; }
.product-standard { margin-top: 10px; }
.product-standard a { color: #9b9ea0; padding-right: 40px; padding-top: 20px; display: inline-block }
.product-standard a:hover { color: #0679d5; }
.swiper-slide-active .bannerPic .pc { -webkit-animation: re-banner-slide-80 1s cubic-bezier(.4, 0, .2, 1) 0s 1; animation: re-banner-slide-80 .8s cubic-bezier(.4, 0, .2, 1) 0s 1; }
.swiper-slide-active .bannerPic .pb { -webkit-animation: re-banner-slide-40 1s cubic-bezier(.4, 0, .2, 1) 0s 1; animation: re-banner-slide-40 .8s cubic-bezier(.4, 0, .2, 1) 0s 1; }
.swiper-slide-active .bannerPic .pa { -webkit-animation: re-banner-slide-60 1s cubic-bezier(.4, 0, .2, 1) 0s 1; animation: re-banner-slide-60 .8s cubic-bezier(.4, 0, .2, 1) 0s 1; }
@-webkit-keyframes re-banner-slide-40 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0) }
	to { opacity: 1; -webkit-transform: translateZ(0) }
}
@keyframes re-banner-slide-40 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0) }
	to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@-webkit-keyframes re-banner-slide-60 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 60px, 0) }
	to { opacity: 1; -webkit-transform: translateZ(0) }
}
@keyframes re-banner-slide-60 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0) }
	to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
}
lesshat-selector { -lh-property: 0 }
@-webkit-keyframes re-banner-slide-80 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 80px, 0) }
	to { opacity: 1; -webkit-transform: translateZ(0) }
}
@keyframes re-banner-slide-80 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0) }
	to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
}
.bannerPic .pa { transform: translateZ(50px); }
.bannerPic .pb { transform: translateZ(100px); }
.bannerPic .pc { transform: translateZ(150px); }

/* inside page */
.white { background: #fff;  }
.banner-inside { position: relative; padding-top: 72px;  }
.banner-inside img { max-width: 100%;  }
.biWord { position: absolute; top: 46%; color: #fff; right: 14%;  }
.pcbiWord { right: 6%;  }
.biWord .p1 { font-size: 40px;  } 
.biWord .p2 { font-size: 20px;  } 
.case-tab-tit { position: relative; z-index: 3; margin-top: -48px; text-align: center; height: 48px; line-height: 48px;  background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); }
.case-tab-tit a { display: inline-block; padding: 0 20px; margin: 0 50px; color: #fff } 
.case-tab-tit a:hover,.case-tab-tit a.active { color: #087cd8;  }
h2.h2-tit { background: #f0f2f5; color: #23262a; text-align: center; font-size: 24px; font-weight: normal; padding: 48px 0;  }  

.case-inside { background: #f0f2f5; position: relative; padding-bottom: 80px; width: 100%; overflow: hidden; }
.user-list { width: 1230px; margin: 0 auto;  }
.user-list span { display: inline-block; width: 284px; height: 162px; background: #f0f2f5; margin: 10px 10px; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s }
.user-list span:hover { background: #fff;  }
.user-list span:hover {   }

.case-inside .swiper-pagination-bullet { border: none; width: 10px; height: 10px; background: #a7a7a8; border-radius: 50%; }
.case-inside .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #087cd8; }
.case-inside.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 35px;  }

.full .swiper-pagination-bullet { border: none; width: 10px; height: 10px; background: #a7a7a8; border-radius: 50%; }
.full .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #087cd8; }
.full.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px;  }

.applications-tit { font-size: 24px; text-align: center; color: #23262a; padding: 50px 0 35px 0; }
.applications-con { width: 1230px; margin: 0 auto; margin-bottom: 70px;  }
.applications-con-tit { border-bottom: 1px solid #dee0e8; color: #23262a; padding: 12px 0; font-size: 20px;  }
.applications-left { width: 585px;   }
.applications-right { width: 585px;   }
.page-more { color: #8a8b8c; font-size: 14px; float: right; margin-top: 8px;  }
.act-list { padding: 18px 0 26px 0; border-bottom: 1px solid #dee0e8; } 
.act-list h4 { padding: 6px 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 60px;   }
.act-list h4 a {  color: #36383c; font-size: 16px; }
.act-list p {  padding-left: 6px; color: #8a8b8c; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; padding-right: 60px; }
.act-list a.list-more span { text-align: center; display: inline-block; width: 50px; height: 18px; line-height: 18px; border-radius: 9px; /*background: #087cd8;*/ font-size: 12px; color: #087cd8; }
.list-more { position: absolute; right: 0; top: 0;  }
.list-more:hover {  opacity: 0.8; cursor: pointer; }
.act-list a:hover { color: #087cd8; }

.user-name { width: 392px; height: 342px; background: #fff; font-size: 14px; line-height: 24px; color: #7b7c7e; padding: 25px 0 0 78px;  }
.user-name p i { position: absolute; left: -20px; top: 11px; width: 2px; height: 2px; display: inline-block; background: #b1b1b1; margin-right: 10px;  }
.user-name p  { position: relative;  }
.case-inside-name { width: 1220px; margin: 0 auto; overflow: hidden;  }
.out-case { background: #f0f2f5;  }  

.copyright-con { background: #f0f2f5;padding-top: 40px; padding-bottom: 85px;  }
.copyright-con .center { background: #fff; padding-bottom: 40px;  }
h4.h4-copyright { font-size: 1.2em; color: #23262a; text-align: center; position: relative;  padding: 40px 0 5px 0;  }
h4.h4-copyright i { height: 1px; width: 100%; position: absolute; top:54px; display: block; background: #e5e5e5; }
h4.h4-copyright span { display: inline-block; width: 500px; text-align: center; background: #fff; position: relative; z-index: 2;  }
.copyright-main { font-size: 14px; line-height: 32px; color: #23262a; padding: 10px 35px; }
.copyright-main h5 { font-weight: normal; font-size: 16px; padding-top: 25px; line-height: 32px;  }
.product-tab { padding: 35px 0 30px 0; position: relative; }
.product-tab a { display: inline-block; text-align: center; width: 24%; position: relative;  }
.product-tab a:after { content: ''; width: 18px; height: 8px; display: none; background: url(../images/icon12.png) no-repeat; position: absolute; left: 50%; bottom: -30px; margin-left: -9px; }

.product-icon { width: 72px; height: 72px; display: inline-block; background: url('../images/product-icon.png') no-repeat;  }
.product-icon-a { background-position: 0 0;  }
.product-icon-b { background-position: 0 -72px;  }
.product-icon-c { background-position: 0 -144px;  }
.product-icon-d { background-position: 0 -216px;  }

.product-tab .active .product-icon-a { background-position: 0 -288px;  }
.product-tab .active .product-icon-b { background-position: 0 -360px;  }
.product-tab .active .product-icon-c { background-position: 0 -432px;  }
.product-tab .active .product-icon-d { background-position: 0 -504px;  }

.product-tab a p { padding-top: 5px;  color: #4b4b4b; }
.product-tab a.active p,.product-tab a:hover p { color: #087cd8; }


.product-tab-con { width: 100%; background: #23262a; height: 345px;  }
.product-pic { width: 380px; margin-top: 50px;  }
.product-word { width: 692px; color: #fff; padding-top: 100px; }
.product-word h4 { font-size: 22px;  }
.product-word p.p1 { font-size: 14px; line-height: 20px; padding-top: 10px;  }
.product-word p.p2 { padding-top: 20px;  }
.download-btn { display: inline-block; color: #fff; background: #087cd8; height: 30px; width: 90px; line-height: 30px; text-align: center; border-radius: 3px;  }
.bg-gray { background: #f0f2f5;  }
.product-inside { width: 1220px;  margin: 0 auto; position: relative; padding-bottom: 110px; }
.product-inside-list {  width: 220px; padding: 10px 20px; height: 342px; background: #fff; margin: 0 12px; }
.product-list-tit { padding: 30px 0 22px 0; color: #23262a; border-bottom: 1px solid #d7dae3; font-size: 16px; text-align: center;  }
.product-list-con { padding-top: 26px;  }
.product-list-con a {  color: #9a9a9a; display: inline-block; padding: 5px 0; }
.product-list-con a:hover { color: #1296db }  
.product-list-con a:hover .icon-arrow { color: #1296db }  
.icon-arrow { font-size: 12px; color: #9a9a9a; margin-right: 10px;   }
.icon-arrow:before { content: "\e951"; }
.product-inside .swiper-button-prev { left: -64px; }
.product-inside .swiper-button-next { right: -64px; }
.product-inside .swiper-button-next,.product-inside .swiper-button-prev  { display: block; z-index: 444; margin-top: -96px; }
.full { width: 100%; overflow: hidden;   }
.product-download-center { border: 1px solid #d9dbdb; margin-bottom: 50px;  }
h2.h2-tit-download { background: #fff; }
.product-download-th { border-bottom: 1px solid #d9dbdb; line-height: 52px; height: 52px; background: #fafafa; font-size: 16px; text-align: center;  }
.product-download-th span { cursor: pointer; display: inline-block; color: #000000; float: left; width: 25%; }
.product-download-th span.active { color: #087cd8; background: #fff; border-top: 4px solid #087cd8; margin-top: -1px; line-height: 48px; height: 53px; }
.product-td { padding: 50px 50px 30px 50px; display: none;  }
.pdcon { color: #989898; font-size: 14px; line-height: 24px; }
.div-download a { display: inline-block; width: 100px; height: 32px; line-height: 30px; border: 1px solid #90c4ed; color: #1296db; text-align: center; }
.div-download { margin-top: 30px;  }

.icon-download { font-size: 16px; color: #1296db; margin-right: 6px; vertical-align: -2px;  }
.icon-download:before { content: "\e950"; }

.biWordDetails { position: absolute; right: 12%; top: 46%; color: #fff;  }
.biWordDetails .p1 { font-size: 34px;  } 
.biWordDetails .p1 span { background: #fff; font-size: 18px; padding: 2px 7px; display: inline-block; background: #cccccc; color: #203247; vertical-align: 6px; margin-left: 10px; border-radius: 3px; }
.biWordDetails .p2 { margin-top: 30px;  }
.btndown { display: inline-block; width: 150px; border-radius: 3px; font-size: 18px; height:40px; line-height: 38px; border: 1px solid #687c95; color: #f1f1f1; text-align: center; }
.icon-btndown { font-size: 22px; color: #b6c8df; margin-right: 10px; vertical-align: -2px; }
.icon-btndown:before {
    content: "\e950";
}
.introduction { color: #a3a3a4; width: 920px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
h2.details-h2-tit { background: #fff;  }

.details-th .chooseth { display: inline-block; color: #424242; font-size: 16px; margin: 0 50px;  }
.details-th  { text-align: center; position: relative;     padding-bottom: 25px; }
.details-th .chooseth i { display: inline-block; width: 66px; height: 66px; background: url('../images/product-icon01.png') left center no-repeat #9a9a9a; border-radius: 10px;  }
.details-th .chooseth i.icon-64 { background-position: right center; }
.details-th .chooseth:hover { color: #087cd8; }
.details-th .chooseth:hover i,.details-th .chooseth.active i {  background-color: #087cd8;   }
.details-th .chooseth.active p { color: #087cd8; }
.details-triangle { position: absolute; z-index: 3; left: 0; bottom: 0; width: 28px; height: 11px; display: inline-block; background: url(../images/icon11.png) no-repeat; }
.details-triangle {
    -moz-transition: left 0.3s ease-in;
    -webkit-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
}
.details-download { background: #f0f2f5; padding: 50px 0; text-align: center; display: none;  }
.details-download .download-list { margin: 0 30px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #087cd8; border-radius: 2px; color: #087cd8; display: inline-block; padding: 0 16px; }
.download-list .icon-download { color: #087cd8; margin: 0 0 0 9px; float: right; padding-top: 8px; }
.details-download .download-list:hover { background: #087cd8; color: #fff;  }
.download-list:hover .icon-download { color: #fff;  }
.black { background: #23262a;  }
.h3-tit { text-align: center; font-size: 22px; color: #ffffff; padding: 40px 0; }
.l-m-r-l { width: 330px; padding-top: 120px;  }
.l-m-r-r { width: 330px;  }
.l-m-r-l h4 { color: #fff; font-size: 18px; padding-bottom: 30px;  }
.l-m-r-m { width: 450px; margin-left: 40px; height: 362px; text-align: center;  }
.l-m-r-m img { max-width: 100%;  }
.l-m-r-l > div { font-size: 14px; line-height: 24px; color: #adadad  }
.white .h3-tit { color: #23262a; padding: 55px 0; }

.l-r { padding-bottom: 110px;  }
.l-r .l { width: 600px; margin-left: 80px; text-align: right; }
.l-r .l img { max-width: 100%; }
.l-r .r { color: #646464; width: 324px; margin-left: 55px; line-height: 24px; }
.l-r .r h4 { color: #000000; font-size: 18px; padding-bottom: 30px; }
.l-arrow { padding-right: 100px; background: url('../images/product/icon01.png') right center no-repeat;  }
.gray { background: #f0f2f5;  }
.gray .h3-tit { color: #23262a; padding: 55px 0; }
.pt20 { padding-top: 20px;  }
.min-center { width: 1100px; margin: 0 auto;   }
.min-l-r { background: #fff; padding: 35px 50px; overflow: hidden  }
.min-l { width: 522px; text-align: right; overflow: hidden   }  
.min-l img { max-width: 100%;  }
.min-r { color: #646464; width: 324px; margin-left: 55px; line-height: 24px; }
.min-r h4 { color: #000000; font-size: 18px; padding-bottom: 30px; }
.pb60 { padding-bottom: 60px;  }

.recommend-list { margin-left: -1px; float: left; width: 24.5%; height: 230px; border: 1px solid #ebeced; text-align: center; padding-top: 45px;  }
.recommend-list:hover {
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    z-index: 99;
}
.recommend-list .pic {  width: 66px; height: 66px; display: inline-block; overflow: hidden;  } 
.recommend-list .pic img { max-width: 100%;  }
.recommend-list .p-tit { font-size: 18px; color: #23262a; padding-top: 20px; }
.recommend-list .p-download { padding-top: 18px;  }
a.min-download { background: #087cd8; display: inline-block; height: 22px; line-height: 22px; width: 70px; text-align: center; color: #fff; font-size: 12px;  }
.history-list { float: left; position: relative; width: 25%; text-align: center; padding-bottom: 30px; padding-top: 20px; }
.history-list a {  display: inline-block; }
.history-list span.pic  {display: inline-block; width: 44px; position: relative; height: 44px; background: url('../images/history/icon01.png') left center no-repeat; }
.history-list .tit-download { text-align: center; color: #23262a; font-size: 16px; position: relative;   }   
.history-list .tit-download p { padding-top: 10px;  }  

.history-list .tit-download:hover,.history-list .tit-download.active { color: #087cd8;  }
.history-list .tit-download:hover span,.history-list .tit-download.active span { background-position: right center; } 
.history-list .details-triangle { left: 50%;margin-left: -14px; display: none;  bottom: -30px; }
.history-list  .tit-download.active .details-triangle { display: inline-block;  }
.history-list-details { padding: 36px 30px; margin-bottom: 20px; display: none;  }
.history-list-details p { float: left; padding: 10px 0px; padding-left: 48px; }
.history-list-details p span { color: #747679; float: left; line-height: 22px; display: inline-block; width: 232px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;   }
.history-list-details p span a { float: right  }
.history-version { padding-bottom: 50px;  }

.search { margin-top: 62px; position: relative;  }
.search-bg img { max-width: 100%;  }
.search-con { height:300px; position: absolute; z-index: 2; left: 0; width: 100%; top: 50%; margin-top: -150px; text-align: center; color: #fff;  }
.search-con h2 { font-size: 50px;  }
.search-con .p1 { font-size: 38px; padding-top: 5px;t  }
.search-con p.input { width: 670px; margin: 0 auto; margin-top: 40px; }
.search-input { color: #333; font-size: 14px; float: left; width: 530px; border-radius: 3px 0 0 3px; height: 58px; line-height: 58px; background: #fff; border: none; padding: 0 30px;  }
.search-btn { float: right; width: 140px;line-height: 58px; height: 58px; display: inline-block; text-align: center; color: #fff; font-size: 18px; background: #0679d5; border-radius: 0 3px 3px 0; }
.search-btn:hover { color: #fff;  }
.chooseSearch { width: 670px; margin: 0 auto;  margin-top: 30px; font-size: 18px; color: #fff; text-align: left;  }
.search-icon { margin-right: 10px; width: 20px; vertical-align: -4px; height: 20px; display: inline-block; background: url('../images/search/icon01.png') left center no-repeat;   }
.chooseSearch span { display: inline-block; padding-right: 30px;  } 
.chooseSearch span.active .search-icon { background-position: right center;  }
.new-details-banner { margin-top: 62px; height: 296px; width: 100%; background: url('https://cdn.zwsoft.cn/uploadfile/content/2021/03/6051afea626a0.jpg') center no-repeat;  }
.new-details-banner h2 { color: #fff; padding-top: 150px; padding-bottom: 10px; font-size: 30px;  }
.location { padding: 18px 0; background: url('../images/new/icon01.png') left center no-repeat; padding-left: 16px;  }
.location a { color: #6f6f71; }
.location a:hover { color: #087cd8;  }
.new-details-con { background: #fff; padding: 25px; line-height: 38px; color:#646464  }
.new-details-con img { max-width: 100%; margin: 20px 0;   }

/* .new-details-con p{ text-indent:2em;} */
.imgcenter { text-align: center;  }
.new-page { position: relative; padding: 28px 48px; text-align: center; background: #fff; border-top: 1px solid #ececec; line-height: 50px;  }
.icon-prev,.icon-next { float: left; background: url('../images/new/icon02.png') left top no-repeat; display: inline-block; height: 50px; width: 50px;  }
.new-prev span,.new-next span { float: left; padding-left: 15px; }   
.icon-next { background-position: -100px 0;   }
.new-next span { padding-right: 15px;  }
.new-prev,.new-next { color: #858687;   }
.prev-tit a { color: #858688;  }
.prev-tit a:hover { color: #087cd8;  }

.new-prev:hover,.new-next:hover { color: #087cd8; }

.icon-prev:hover,.icon-next:hover,.new-menu:hover  {   }

.new-menu {    vertical-align: top; display: inline-block; width: 50px; height: 50px; background: url('../images/new/icon02.png') -50px 0 no-repeat;  }
.new-prev:hover .icon-prev{ background-position: left bottom;  }
.new-next:hover .icon-next{ background-position: -100px -50px;  }
.new-menu:hover { background-position: -50px -50px;  }


.new-problem { border: 1px solid #d9dbdb;  background: #fff; margin: 30px 0 0 0;  }
.new-problem-th { border-bottom: 1px solid #d9dbdb; line-height: 52px; height: 52px; background: #fafafa; font-size: 16px; text-align: center; }
.new-problem span { cursor: pointer; display: inline-block; color: #000000; float: left; width: 25%; }
.new-problem span.active {
    color: #087cd8;
    background: #fff;
    border-top: 4px solid #087cd8;
    margin-top: -1px;
    line-height: 48px;
    height: 53px;
}
.new-problem-td { padding: 50px 50px 30px 50px; display: none; }

.new-problem-list p { float: left; color: #7b7c7d; line-height: 32px; width: 500px;  }
.new-problem-list p a { color: #7b7c7d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 68%; }
.new-problem-list p a:hover { color: #087cd8;  }
.new-problem-list p i { padding-right: 6px;  }
.new-problem-list p span { float: right  }
.new-problem-list p:nth-child(odd) { margin-right: 94px; }
.new-details { padding-bottom: 40px;  }

.common-problem {   }
.problem-list {  float: left; width: 370px; margin: 0 15px; }
.problem-tit { background: #fff; position: relative; background: #fff; padding: 12px; height: 90px;  }
.problem-tit { background: #fff; position: relative; background: #fff; padding: 12px; padding-bottom: 0; }
.problem-tit h4 { font-size: 16px; line-height: 20px;  height: 40px; overflow: hidden;    margin-top: 8px  }
.problem-tit a {color: #000;  }
.problem-tit a:hover { color: #087cd8;  }
.problem-tit p.problem-info { color: #848588; font-size: 12px; padding-top: 10px; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; }
.problem-tit p.problem-info a { color: #848588; /* padding-left: 10px; */  }
.problem-tit p.problem-info a:hover {color: #087cd8; } 

.problem-con { color: #6b6d71; line-height: 24px; padding: 20px 12px; height: 120px; overflow: hidden; background: #fff; margin-bottom: 15px;     padding-top: 28px; }
.problem-con a {  color: #6b6d71; } 
.problem-con a:hover {  color: #087cd8; } 
.arrow-icon { position: absolute; bottom: -7px; display: inline-block; width: 15px; height: 7px; left: 30px; background: url('../images/new/icon03.png') no-repeat;  }
.problem-list .arrow-icon  { display: none;  }
.loading-more { padding: 20px 16px 70px 16px;  }
.add-more { display: block; height: 48px; background: #cbcbcb; color: #087cd8; text-align: center; line-height: 48px; font-size: 16px;  }  
.add-more:hover { opacity: 0.8; }
.icon-loadmore { font-size: 16px; color: #087cd8; margin-left: 6px; }
.icon-loadmore:before { content: "\e952";  }
.problem-pic { width: 116px;  }
.problem-word { width: 200px; margin-right: 16px;}
.engineer-problem-tit { height: 115px; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.engineer-problem-tit h4 { margin-top: 0px; line-height: 20px;  }
.engineer-problem-tit p.problem-info {  padding-top: 10px; border: none;  }
.engineer-problem-tit p.problem-info span { display: block;  }

/*zw3d what new start*/
.what-new{padding-bottom: 48px;}
.what-new .list{float: left;width:49%; margin-bottom: 30px;}
.what-new .list:nth-child(odd){margin-right: 2%;}
.what-new .list .engineer-problem-tit,.what-new .list .problem-pic{height: 320px;}
.what-new .list .engineer-problem-tit{border:0px;padding: 0px;}
.what-new .list .problem-pic{width: 100%;position: relative;}
.what-new .list .problem-pic img{width: 100%;}
.what-new .list .problem-pic .ico-paly{display: block;width: 35px;height: 35px;background: url(../images/ico-palys.png) no-repeat;position: absolute;left: 10px;bottom: 20px;cursor: pointer;background-size: cover;}
.what-new .list .problem-word{width: 100%;margin-right: 0px;background-color: #ffffff;padding: 15px 12px 0px 12px;}
.what-new .list .problem-con{height: 135px;overflow: hidden;padding-top: 15px;}
.what-new .list .problem-word h4{color: #23262a;}
.container-screen{padding-top:0px;}
/*视频弹窗 S*/
#popDiv13 {
        border: 0px solid #000000;
        text-align: center;
        line-height: 40px;
        font-size: 12px;
        font-weight: bold;
        z-index:10002;
        width:850px;
        height:480px;
        left:32%;/*FF IE7*/
        top:18%;/*FF IE7*/

        margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
        margin-top:-40px!important;/*FF IE7 该值为本身高的一半*/
        margin-top:0px;
        position:fixed!important;/*FF IE7*/
        position:absolute;/*IE6*/
        _top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

    }
.bg {
	background-color: #000000;
	width: 100%;
	height: 100%;
	left:0;
	top:0;/*FF IE7*/
	filter:alpha(opacity=70);/*IE*/ /*点击后背景透明效果*/
	opacity:0.5;/*FF*/
	z-index:10001;

	position:fixed!important;/*FF IE7*/
	position:absolute;/*IE6*/

	_top:       expression(eval(document.compatMode &&
		document.compatMode=='CSS1Compat') ?
		documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
		document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
/*视频弹窗 E*/

/*zw3d what new end*/

.recruitment-banner {
    margin-top: 62px;
    height: 296px;
    width: 100%;
    background: url(../images/recruitment/banner-bg.jpg) center no-repeat;
    text-align: center;
    color: #fff;
}
.recruitment-banner h1 { font-size: 32px; padding-top: 120px; padding-bottom: 10px; }
.recruitment-banner .p1 { font-size: 18px; }
.recruitment-banner .chooseSearch { text-align: center;  }
.recruitment-filter { background: #fff;  }
.filter-top { line-height: 26px; padding: 16px 25px; color: #676767; }
.recruitment { padding: 40px 0;  }
.filter-top .th { width: 86px; display: inline-block; font-weight: 700;  }
.filter-top .td { margin-right: 5px; display: inline-block; height: 26px; line-height: 26px; color: #f0f0f0; background: #aab2bc; padding: 0 10px 0 10px; }
.icon-remove { font-size: 18px; color: #fff; margin-left: 8px; vertical-align: -3px; }
.icon-remove:before { content: '\e963'; }
.filter-con { padding: 10px 25px; padding-bottom: 30px; border-top: 1px solid #eaeaea; line-height: 26px;  }
.filter-list { padding: 8px 0;  }
.filter-list .th { width: 86px; display: inline-block; font-weight: 700;  }
.filter-list .td { width: 1060px;  }
.filter-list .td a { color: #a0a0a0; float: left; }
.filter-list .td a:hover,.filter-list .td a.active { color: #449be0;  }
.line { float: left; margin: 0 16px; display: inline-block;height: 26px; width: 3px; background: url('../images/recruitment/line.png') center center no-repeat;  }
.recruitment-con { background: #fff; margin-top: 25px;  }
.recruitment-tit { background: #e9e9e9; }
.recruitment-con span { display: inline-block; font-weight: 700; text-align: center; width: 24%; padding: 0 25px; line-height: 56px; color: #202020;  }
.recruitment-con span.span-a  { text-align: left; width: 26%;   }
.recruitment-list span { color: #818181; font-weight: normal;  }
.recruitment-list strong { font-weight: normal; display: none;  }

.recruitment-list { border-bottom: 1px solid #eaeaea  }
.recruitment-list span  a {color: #818181;   }
.recruitment-list span  a:hover,.recruitment-list span  a.active { color: #087cd8;  }
.recruitment-list-details { padding: 10px 25px; line-height: 24px;   }
.recruitment-list-details h5 { line-height: 24px; padding-top: 5px;  }
.recruitment-con p.mailbox { padding-top: 20px; padding-bottom: 10px;  }
.recruitment-list-details { background: #fff; border-bottom: 1px solid #eaeaea; display: none; margin-top: -1px;  }
.recruitment-con p.mailbox span { line-height: 34px;padding-left: 0; text-align: left; color: #0679d5;  }
.recru-btn { display: inline-block; padding: 0 20px; height: 34px; line-height: 34px; background: #0679d5;  }  
.mobileProduct { display: none;  }
.icon-down { display: none;  }
.system { padding-bottom: 40px;  }  
.system-list { float: left; margin: 0 10px; border: 1px solid #e2e2e2; width: 380px; height: 100px; padding-left: 170px; position: relative; }
.system-list i.icon {  color: #087cd8; position: absolute; left: 92px; top: 27px;  }
.system-list .p1 { color: #23262a; font-size: 16px; padding-top: 14px; padding-bottom: 2px; }
.system-list .p2 { color: #9b9c9d; font-size: 14px; line-height: 22px;  }

.icon-system-a {  font-size: 54px; }
.icon-system-b { font-size: 46px;padding-top: 2px;  }
.icon-system-c { font-size: 50px;  }
.icon-system-a:before { content: '\e962'  }
.icon-system-b:before { content: '\e961'  }
.icon-system-c:before { content: '\e960'  }

.team-tit { text-align: center; }team-bg.jpg
.team-tit p { font-size: 18px; color: #23262a;  }
.team-con { background: url('../images/about/team-bg.jpg') center no-repeat; margin-top: 30px; text-align: center; position: relative; padding: 48px 0;}
.team-con-center { background: url('../images/about/line01.png') center center no-repeat;  }
.team-con span { padding-top: 23px; margin: 0 48px; color: #fff; display: inline-block; width: 110px; height: 110px; text-align: center; border-radius: 50%; border: 1px solid #fff; background: #636363;  }
.team-arrow { display: inline-block; position: absolute; height: 11px; width: 22px; margin-left: -11px; left: 50%; top: -11px; background: url('../images/about/icon01.png') no-repeat;  }

.icon-team-a { font-size: 42px; color: #087cd8; }
.icon-team-a:before { content: '\e95f' } 
.icon-team-b { font-size: 36px; color: #fff; }
.icon-team-b:before { content: '\e95e' } 
.icon-team-c { font-size: 38px; color: #fff; }
.icon-team-c:before { content: '\e95d' } 
.icon-team-d { font-size: 38px; color: #fff; }
.icon-team-d:before { content: '\e95c' } 
.icon-team-e { font-size: 34px; color: #fff; }
.icon-team-e:before { content: '\e95b' } 

.developing-gray { background: #fafafa; } 
.developing { padding-bottom: 70px;  }
.gray .developing-h3-tit { padding-bottom: 7px; }  
h5.developing-h5-tit { text-align: center; color: #999992; font-size: 14px; border: none;  }
.developing-list { width:195px; float: left;    margin: 0 102px; }
.developing-tit { color: #333333; font-size: 18px; padding-top: 40px; text-align: center; padding-bottom: 38px; }
.developing-tit span { padding-left: 40px; position: relative;  }
.developing-tit span i {position: absolute; left: 0; top: -2px;  }
.developing-con { text-align: center; color: #23262a; width: 195px; height: 179px; background: url('../images/about/icon02.png') no-repeat;  }
.developing-con p { line-height: 35px;  }
.developing-con p.p1 { color: #fff;  }
.developing-list:hover .developing-tit { color: #087cd8; }
.developing-list:hover .developing-con { background-position: right center;  }

.icon-developing-a { font-size: 28px; }
.icon-developing-a:before {content: '\e95a'}
.icon-developing-b { font-size:30px; top: -3px !important; }
.icon-developing-b:before {content: '\e959'}
.icon-developing-c { font-size: 28px; }
.icon-developing-c:before {content: '\e958'}

h3.pay-h3-tit { padding-top: 85px 0 70px 0;  }  
.pay-con { padding-bottom: 70px;  }
.pay-list { margin: 0 70px; margin-bottom: 55px; float: left; width: 260px; padding-left: 60px; color: #23262a; line-height: 24px; position: relative; }
.pay-list i.icon { position: absolute; left: 0; color: #989898;  }
.icon-pay-b span { color: #fff; position: absolute; right: 10px; top: 14px; font-size: 18px; }
.icon-pay-a { font-size: 40px; top: 5px; }
.icon-pay-a:before {content: '\e964'}
.icon-pay-b { font-size: 50px; top: 0; }
.icon-pay-b:before {content: '\e957'}
.icon-pay-c { font-size: 38px; top: 5px; }
.icon-pay-c:before {content: '\e956'}
.icon-pay-d { font-size: 42px; top: 4px; }
.icon-pay-d:before {content: '\e955'}
.icon-pay-e { font-size: 44px; top: 2px; }
.icon-pay-e:before {content: '\e954'}
.icon-pay-f { font-size: 40px; top: 6px; }
.icon-pay-f:before {content: '\e953'}

.growing { background: url('../images/about/about-bg.jpg') center no-repeat; height: 612px;   } 
h3.growing-h3-tit { color: #000; padding-bottom: 8px; padding-top: 75px; }
h5.growing-h5-tit { padding: 0; border: none; text-align: center; color: #717274; } 
.growing-con { position: relative; width: 996px; overflow: hidden; padding-top: 50px; margin: 0 auto;    padding-bottom: 80px; }
.growing-con .swiper-slide { width: 230px; height: 230px; position: relative; }
.positive { position: relative;  }
.grow-word { color: #fff; padding: 0 8px;padding-top: 3px; left: 0; bottom: 0; position: absolute; width: 100%; height: 75px; background: rgba(0,0,0,0.45);   }
.anti { line-height: 24px;color: #23262a; padding: 14px; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: #fff; }
.anti .p1 { font-size: 14px; font-weight: 700; }
.anti .p2 { font-size: 14px; font-weight: 700; padding-bottom: 10px; }
.anti .anti-con { color: #7c7c7c; height: 120px; overflow: hidden;  }
.grow-word .p1 { font-size: 18px; }
.grow-word .p2 { font-size: 14px;  }
.grow-line { height: 1px; background: #fff; width: 32px; margin: 4px 0; margin-left: 18px; display: none; }

.growing-con .swiper-slide { overflow: visible; }
.growing-con .swiper-pagination-bullet { border: none; width: 10px; height: 10px; background: #fff; border-radius: 50%; opacity: 1; }
.growing-con  .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #087cd8; }
.growing-con.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }

.flip { -webkit-perspective: 800px; -moz-perspective: 800px; }
.flip > div { position: absolute; left: 0; height: 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.flip > .positive { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; }
.flip > .anti { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 1; }
.flip:hover > .positive { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.flip:hover > .anti { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); }

.about-us {overflow: hidden; position: relative;   }
.aboutus-pic { text-align: center;  }
.aboutus-pic img { max-width: 100%; }
.aboutus { text-align: center; }
.aboutus-word {  text-align: left; line-height: 24px; color: #646464; padding: 0 20px; padding-bottom: 60px; }
.aboutus-word h1 { font-size: 16px; color: #087cd8; position: relative; padding-bottom: 60px;  }
.aboutus-word h2 { font-size: 14px; color: #087cd8; padding-bottom: 10px; padding-top: 30px;  }
.aboutus-word h1:after { content: ''; width: 48px; height: 1px; position: absolute; bottom: 40px; left: 0; background: #087cd8;  }
.about-us .swiper-pagination-bullet { border: none; width: 10px; height: 10px; background: #a7a7a8; border-radius: 50%; }
.about-us .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #087cd8; }

.about-num { background: url('../images/about/img-bg.jpg') top center no-repeat; width: 100%; overflow: hidden;  }
.behind { position: absolute; width: 100%; height: 100%; background: #fff; }  
h2.about-h2-tit { background: none; color: #fff; padding: 60px 0 20px 0;  }
.about-introduction {color: #fff; text-align: center; width: 550px; margin: 0 auto;   }  
.about-num-con { text-align: center; margin-top: 40px; padding-bottom: 150px; width: 100%; }
.about-num-list { display: inline-block; width: 260px; height: 260px; border-radius: 2px; position: relative; margin:  0 10px; }  
.front {  border: 1px solid #fff; color: #fff; position: relative; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  }  
.front .a-n-l-n { color: #fff; font-size: 76px;  font-family: Arial; line-height: 1; padding-top: 54px; padding-bottom: 20px; position: relative;  }
.front .l-n-zh { font-size: 18px; color: #b6b7b7; line-height: 1;  }
/* .about-num-list:hover .front { display: none;   }
.about-num-list:hover .behind { display: block;   } */
.front .l-n-en {
    font-size: 10px;
    color: #b6b7b7;
    letter-spacing: -0.2px;
}
.front .a-n-l-n i {
    position: absolute;
    right: 77px;
    top: 63px;
    background: url(../images/icon04.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 7px;
}
.front .a-n-l-n i.behind-last {
  
    background: url(../images/about/icon042.png) no-repeat;
    width: 23px; height: 13px;
    right: 60px;

}

.behind .a-n-l-n i.behind-last {
  
    background: url(../images/about/icon041.png) no-repeat;
    width: 23px; height: 13px;


}



.front .l-n-en-con { position: absolute; left: 50%; bottom: 25px; display: inline-block; width: 13px; height: 13px; background: url('../images/about/icon03.png') no-repeat; }
.behind { position: absolute; left: 0; top: 0; width: 100%; height: 100%;   }
.behind .a-n-l-n { text-align: left; padding-left: 30px; padding-top: 24px; color: #087cd8; font-size: 64px; font-family: Arial; line-height: 1; letter-spacing: -3.8px; position: relative; }
.behind .a-n-l-n i { position: absolute; left: 102px; top: 28px; background: url(../images/about/icon04.png) no-repeat; display: inline-block; width: 6px; height: 7px; }
.behind .l-n-zh { position: absolute; color: #087cd8; font-size: 18px; left: 112px; top: 41px; }
.behind .l-n-en { color: #b7c9e9; font-size: 10px; position: absolute; left: 111px; top: 64px; letter-spacing: -0.5px; }

.behind .a-n-l-con { color: #747474; line-height: 20px; padding: 24px 20px 0 20px; text-align: left; }
.solution-con { overflow: hidden; position: relative; width: 890px; margin: 0 auto; }
.solution-inside { width: 100%; background: #087cd8; height: 320px;  }
.solution-tit { font-size: 24px; color: #23262a; padding: 40px 0; padding-top: 80px; text-align: center; }
.solution-pic { margin: 76px 0 0 30px;  }
.solution-word { width: 480px; margin-right: 30px; color: #fff; line-height: 20px;  }
.solution-word h5 { font-size: 16px; padding: 45px 0; padding-top: 50px;  }
.solution-word .p2 { padding-top: 20px;  }
.solution-con .swiper-pagination-bullet { width: 9px; border-radius: 50%; height: 9px; background: #087cd8; border: 2px solid #0dc3ed;  }
.solution-con .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffffff;  border: 1px solid #0dc3ed;  }
.solution-con .swiper-pagination { padding-left: 125px; text-align: left;  } 
.solution-con .swiper-button-next,.solution-con .swiper-button-prev { margin-top: 0; top: auto; left: auto; display: inline-block; width: 25px;height: 18px; position: absolute; right: 0; bottom: 0; background: url('../images/about/icon08.png') no-repeat;  }
.solution-con .swiper-button-prev {right: 26px; background-position: 0 -18px;  }

.solution-white { background: url('../images/about/img-bg03.jpg') top center no-repeat; padding-bottom: 90px;  }

.culture { height: 360px; overflow: hidden;  }
.course-con .c-c { display: none;  }
h2.course-h2-tit { background: none;  }
.culture-list { display: inline-block; width: 287px; margin: 0 5px; float: left; }
.culture-pic { height: 173px; width: 100%;}
.culture-pic img { max-width: 100%;  }
.culture-tit { background: #fff;padding-left: 20px; height: 50px; line-height: 50px; font-size: 16px;  } 
.culture-con { display: none; padding: 20px; background: #fff; line-height: 20px; font-size: 14px; padding-top: 10px;  }
.duty-pic { width: 273px; height: 105px; overflow: hidden; position: relative;  }
.duty-pic img {max-width: 100%;  }
.duty-pic i { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3  }
.duty-con { width: 273px;  }
.duty { margin-top: 30px;  }
.duty-word { padding-top: 10px;  }
.duty-word h5 { padding: 10px 0 20px 0; font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 
.duty-word p {  font-size: 14px; line-height: 20px; color: #646464; height: 40px; overflow: hidden; }
h2.duty-h2-tit { background: none; padding-bottom: 25px; }  
.duty-tit { width: 930px; margin: 0 auto; text-align: center; padding-top: 20px; } 
.duty-line { width: 66px; height: 1px; background: #000; margin: 0 auto; } 
.duty { width:  725px; margin: 0 auto; position: relative; margin-top: 60px; }
.duty-more { text-align: center; padding: 30px 0;  }
.duty-more a {  display: inline-block; width: 33px; height: 33px; background: url('../images/about/more01.png') no-repeat; }
.duty .swiper-button-next,.duty .swiper-button-prev {left: auto; top: 40%; margin-top: -20px; display: block; position: absolute; left: -92px;  width: 22px; height: 40px; background: url('../images/about/btn.png') top center no-repeat;  }
.duty .swiper-button-next { left: auto; right: -42px; background-position: bottom center;  }
.contactus { text-align: center; padding-bottom: 60px; overflow: hidden;s  }
.course-img { padding-bottom: 50px; text-align: center;  }  
.m-about-num-con { display: none; }
.about-num-list > div { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.about-num-list > .behind { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 1; }
.about-num-list > .front { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; }
.about-num-list:hover > .front{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);}
.about-num-list:hover > .behind{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);}
h2.culture-h2-tit{background:none;}
.product-tab{position:relative;}
.tab-triangle{content:'';width:18px;height:8px;background:url(../images/icon12.png) no-repeat;position:absolute;left:50%;bottom:0px;margin-left:-9px;}
.tab-triangle,.about-num-con-span{-moz-transition:left 0.3s ease-in;-webkit-transition:left 0.3s ease-in;transition:left 0.3s ease-in;}
.about-num-con-span{display:none;}
.paginationnew .mb{display:none;}
.prev-tit,.next-tit { width: 250px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: left;  }
.next-tit { text-align: right; } 
.new-prev a,.new-next a { color: #666;  }
.new-prev a:hover,.new-next a:hover {  color: #087cd8; }
.product-list-con a { width: 100%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  }

/* 1388 */
.xl .navbar-nav>li>a { padding-left: 30px; padding-right: 30px; }
.xl .navbar-collapse, .xl .container-fluid { padding-left: 0; }
.xl .nav { margin-left: 15px; }
.xl .nav-right .language { margin-right: 25px; }
.xl .product-con .lump { width: 360px; }
.xl .product-con .lump { margin: 8px 30px; }
.xl .dataNumber-list { width: 304px; }
.xl .employee-word { width: 346px; }
.xl .employee-list { width: 560px; }
.xl .copyright-info { margin-right: 100px; }

/* 1240 */
.l .language span { display: none; }
.l .nav-right .language { padding-left: 24px; }
.l .nav-right .tel span { position: absolute; right: -52px; display: none; color: #fff; top: 62px; width: 160px; text-align: center; line-height: 30px; border: 1px solid #e8e8e8; border-top: none; }
.l .nav-right .tel:hover span { display: inline-block; }
.l .product-con .lump { margin: 8px 5px; }
.l .product-con .lump { width: 320px; }
.l .dataNumber-list { width: 244px; }
.l .employee-list { width: 460px; }
.l .employee-word { width: 246px; }
.l .news { width: 990px; }
.l .news-word { width: 400px; }
.l .news-con-left { width: 630px; }
.l .news { width: 990px; padding: 0 5px; }
.l .news-con-right { width: 310px; }
.l .center { width: 990px; }
.l .product-center { right: 0; }

.l .user-list { width: 990px;  }
.l .user-list span { width: 210px; height:120px;  }
.l .user-list span img { width: 210px; height:120px;  }
.l .applications-con { width: 990px;  }
.l .applications-left,.l .applications-right { width: 475px;}
.l .case-inside-name { width: 990px;  }  
.l .user-name { width: 320px; height: 342px;  padding: 31px 0 0 50px; }
.l .product-word { width: 492px; }
.l .product-inside { width: 100%; overflow: hidden;  }  
.l .product-inside .full { width: 990px; margin: 0 auto;  }
.l .product-inside-list { width: 190px; padding: 10px 10px; margin: 0 12px; }
.l .product-inside .swiper-button-next { right: 10px; }
.l .product-inside .swiper-button-prev { left: 10px; }



.l .product-list-tit {font-size: 14px;  }
.l .l-m-r-l { width: 230px;  }
.l .l-r .l { width: 580px; text-align: right; }
.l .recommend-list { width: 24.4%;  }
.l .system-list { width: 310px;  padding-left: 150px; }
.l .system-list i.icon { left: 72px;  }
.l .developing-list { margin: 0 66px;  }
.l .pay-list {   margin: 0 34px;  }
.l .problem-list { width: 312px; margin: 0 8px; }
.l .problem-word { width: 162px; margin-right: 0px; }
.l .filter-list .td { width: 850px; }
.l .min-center { width: 900px  }
.l .min-r { width: 260px;  }
.l .min-l { width: 480px;  } 
.l .about-num-list { width: 230px; margin: 0 5px; }
.l .culture-list { width: 236px;  }
.l .culture-pic { width: 236px; height: auto;  }
.l .duty { width: 750px;  }
.l .contact-left { width: 324px; padding-left: 16px; text-align: left; font-size: 12px; }
.l .contactus-con { width: 700px; margin-top: 32px; }


.xl .copyright-info { margin-right: 150px; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 30px; }
.navbar-nav>li>a { padding: 21px 36px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #0679d5; }
.nav { margin-left: 30px; }
.dropdown-con { position: relative; z-index: 3; }
.dropdown-list { float: left; }
.h5-tit { border-bottom: 1px solid #a6a6a7; margin-bottom: 20px; }
.dropdown-menu-content { width: 100%; position: absolute; top: 62px; left: 0; padding: 11px 0 20px 0; text-align: center; }
.dropdown-menu-content .content { display: inline-block; text-align: left; }
.product-list.active { display: block; }
.product-list.active .pic-icon i.icon { opacity: 0; filter: alpha(opacity=100); -webkit-animation: pro 0.6s ease-in-out forwards; animation: pro 0.6s ease-in-out forwards; position: relative; }
.product-list.active .p-tit span { opacity: 0; filter: alpha(opacity=100); -webkit-animation: protit 0.6s ease-in-out forwards; animation: protit 0.6s ease-in-out forwards; }
.navbar-brand>img { width: 173px; }
@keyframes pro {
	0% { opacity: 0; top: 20px }
	100% { opacity: 1; top: 0px }
}
@keyframes protit {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes pro {
	0% { opacity: 0; top: 20px }
	100% { opacity: 1; top: 0px }
}
@-webkit-keyframes protit {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.product-con .product-list { max-width: 1400px; margin: 0 auto; }
.course-con { padding-bottom: 30px; }
.course-con .c-t { float: left; font-size: 16px; position: relative; padding-right: 60px; padding-bottom: 14px; }
.course-con .c-t:before { content: ''; position: absolute; bottom: 5px; left: 0; width: 100%; height: 1px; background: #c5c6c6; display: inline-block;  }
.course-con .c-t:after { content: ''; position: absolute; left: 12px; bottom: 0px; background: url('../images/about/icon12.png') left top no-repeat; width: 12px; height: 12px; display: inline-block;     }




#timeline { width: 990px; overflow: hidden; margin: 0 auto; position: relative; background: url('../images/about/dot.png') left 40px repeat-x;max-height: 600px; }
#dates { width: 990px; height: 60px; overflow: hidden; }
#dates li {  list-style: none; float: left; width: 90px; height: 40px; font-size: 16px; text-align: center;  }
#dates a { line-height: 38px; padding-bottom: 9px; color: #000; background: url(../images/about/biggerdot.png) center bottom no-repeat; display: inline-block; }
#dates .selected { font-size: 16px; color: #087cd8;  background: url(../images/about/icon13.png) center bottom no-repeat; }
#issues { width: 990px;overflow: hidden; padding-top: 12px; }


#issues li { width: 990px; height: 100px; list-style: none; float: left; }
#issues li h1 { position: relative; color: #fff; background: #087cd8; font-size: 20px; height: 38px; line-height: 38px; text-align: center; }
#issues li p { font-size: 14px; margin-right: 70px; font-weight: normal; line-height: 26px; color: #828282; }

.issues-con {   border: 1px solid #e1e1e1; padding: 40px 30px; border-top: none;  }
#issues li h1:before { content: ''; width: 22px; height: 12px; position: absolute; top: -12px; left: 50%; margin-left: -11px; background: url('../images/about/icon15.png') no-repeat; display: inline-block; opacity: 0;  }
#issues li.selected { height: auto; }

#next, #prev { position: absolute; top: 24px; width: 33px; height: 33px;  text-indent: -9999px; overflow: hidden;  background: url('../images/about/icon14.png') left top no-repeat;  }
#next.btnstop, #prev.btnstop { opacity: 0.3;  }
#next { right: -70px; background-position: left bottom;  }
#prev { left: -70px;  }
#prev:hover { background-position: top right; }
#next:hover { background-position: bottom right;  }

#prev.btnstop:hover { background-position: top left; }
#next.btnstop:hover { background-position: bottom left; }
.course-arrow { width: 22px; height: 12px; position: absolute; top: 70px; left: 50%; margin-left: 8px; background: url(../images/about/icon15.png) no-repeat; display: inline-block; }
#next.disabled, #prev.disabled { opacity: 0.2; }
.course { width: 990px; position: relative; padding-bottom: 68px; }
.course a {
    -moz-transition: width 0.1s;
    -webkit-transition: width 0.1s;
    transition: width 0.1s;
}
#issues,.course-arrow{
	-moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.contactus { padding: 20px 30px; padding-bottom: 40px; background: #fff; border: 1px solid #eaeaea;  }
.contactus-menu { width: 198px; padding-top: 37px;  }
.contactus-menu a { margin-bottom: 25px; line-height: 26px; display: block; width: 198px; height: 26px; color: #000; text-align: left; font-size: 16px; padding-left: 18px;  }
.contactus-menu a:hover,.contactus-menu a.active { background: url('../images/about/menu-bg.png') no-repeat; color: #fff;   }
.contactus-con { width: 900px; margin-top: 32px;  }
.contact-left { width: 490px; padding-left: 92px; text-align: left;  }
.contact-right { width: 352px; height: 207px; overflow: hidden; margin-right: 13px;  }
.contact-h5 { font-size: 16px; color: #000; padding-bottom: 16px;  }  
.contact-left p { position: relative; padding-left: 46px; color: #949494; margin-bottom: 9px; }

.contact-left i.icon { color: #dbdbdb; font-size: 18px; position: absolute; left: 0; top: 3px; }
.icon-contact-a {  }
.icon-contact-a:before { content: '\e96a'  }
.icon-contact-b {}
.icon-contact-b:before { content: '\e969'  }
.icon-contact-c {}
.icon-contact-c:before { content: '\e968'  }
.icon-contact-d {}
.icon-contact-d:before { content: '\e967'  }
.icon-contact-e {}
.icon-contact-e:before { content: '\e966'  }
.icon-contact-f {}
.icon-contact-f:before { content: '\e965'  }

.contactus-con { border: 1px solid #eaeaea; padding: 26px 0;  }
.gray-contactus { padding-bottom: 70px;  }
.contactus-tab { display: none;  }
.contactus-tab-tit { display: none;  }
.paginationnew {  padding: 0 0; padding-bottom: 30px; padding-top: 10px; }
.paginationnew a { height: 34px;background: #fff;  cursor: pointer; border-radius: 3px; margin: 0 2px; line-height: 34px; padding: 0 12px; display: inline-block; border: 1px solid #ddd; color: #666; }
.paginationnew-border { padding: 12px 20px; text-align: center; }
.paginationnew a.active { background: #1d77a1; color: #fff; border: 1px solid #1d77a1; }
.paginationnew a:hover { background: #f7f7f7;  }
.paginationnew a.disabled { background: #ececec; color: #b7b7b7; }
.paginationnew-border span.pageInfo { padding-right: 20px;  }
.paginationnew .current{ height: 34px; border-radius: 3px; margin: 0 2px; line-height: 34px; padding: 0 12px; display: inline-block; border: 1px solid #ddd; color: #666;}


/* video */
.video-list { position: relative;  }  
.video-tit { position: absolute; left: 0; width: 100%; bottom: 0; height: 100px; padding: 0 15px; color: #fff;  }
.video-tit p { position: relative; z-index: 3;  }
.video-tit .p-bg {z-index: 2; position: absolute; left: 15px; bottom: 0; width: 88%; height: 100%; background: #000; opacity: 0.45;  }
.video-img img { max-width: 100%;  }
.video-tit p.p1 { font-size: 14px; padding-left: 20px;    padding-right: 40px; padding-top: 25px; padding-bottom: 2px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.video-tit p.p2 { font-size: 16px; padding-left: 20px;    padding-right: 40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  }
.video-bottom { margin-top: 15px;  }
.icon-paly { background: url('../images/video/icon.png') no-repeat; width: 21px; height: 21px; display: inline-block; position: absolute; right: 15px; top: 40px;  }
.new-video { border: none;  }
.new-video span { width: 33.33%;  }
.new-3d-video span{width: 50%;}
.new-problem-th { background: none;  }
.new-video span.active {  border-top: none; margin-top: 0;  border-bottom: 4px solid #087cd8; line-height: 52px; height: 52px;  }
.video-problem-td { padding: 0; padding-top: 45px;  }
.video-problem-td .video-list { margin-bottom: 20px;  }
.video-play { display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0;   }
.video-play .paly-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.6; background: #000;  }
.play-con { z-index: 33; width: 860px; height: 470px; position: absolute; left: 50%; top: 50%; margin: -235px 0 0 -430px;  }
.play-con img { max-width: 100%; }
.close-paly { background: url('../images/video/icon01.png') no-repeat; background-size:100%;  width: 30px; height: 30px; display: inline-block; position: absolute; right: -16px; top: -16px; z-index: 333; }
.video-list:hover { opacity: 0.8;  }

/*add 400 tel  by pang start*/
.navbar .nav-right .tel span{
    /*display: block;*/
    height: 20px;
    line-height: 20px;
    
}
.navbar .nav-right .tel .tel-1 p{
    margin-top: 20px;
}
/*头部导航条上跳转www.zwsoft.cn提示 start*/
	.msg-header{
		width: 100%;
		background-color: #f2f2f2;

		position: fixed;
		top:0px;
		left: 0px;
		z-index: 999;
	}
	.msg-header,
	.msg-header .msg-zwsoft-cn-url{
		height: 62px;
		
	}
	.msg-header .msg-zwsoft-cn-url{
		width: 48%;
		line-height: 62px;
		text-align: center;
		display: inline-block;
		
	}
	.msg-zwsoft-cn1{border-right:1px solid #dfdede;}
	.msg-header .msg-zwsoft-cn-url p{
		font-size: 12px;
		display: inline-block;
	}
	.msg-header .msg-color-blue{
		color: blue;
	}
	.msg-header .msg-close{
		width: 25px;
		height: 25px;
		position: absolute;
		right: 10px;
		top: 20px;
		display: inline-block;
		cursor: pointer;
		z-index: 1000;
	}
/*头部导航条上跳转www.zwsoft.cn提示 end*/

/*遮罩弹窗，cad直播引流 开始*/
.zhezhao-box{position: fixed; left: 0; top: 0; z-index: 4100; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5);display: none;}
.zhezhao-box .zhezhao-con{position: relative;width: 1110px;height: 620px;position: fixed;top: 50%;left: 50%;display: block;margin-left: -550px;margin-top: -310px;}
.zhezhao-box .zhezhao-con .zz-img1{width: 100%;}
.zhezhao-box .zhezhao-con .zz-img2{display: none;}
.zhezhao-box .zhezhao-con .zz-close{position: absolute;right: 0px;top: -20px;z-index: 99;cursor: pointer;}
/*遮罩弹窗，cad直播引流 结束*/


/*右下角漂浮 start*/
	.sidetool ul li .li-content,
	.sidetool-qrcode-box{
		background-color: #ffffff;
		border:1px solid #f5f5f5;
	}



	.sidetool,
	.sidetool ul li{
		width:56px;
	}
	.sidetool{
		box-shadow: 0 3px 3px #ededed;
		border-radius: 5px;
		transition: .2s;
		position: fixed;
		z-index: 100;
		right: 20px;
		bottom: 30%;
		transition: .2s;

	}
	.sidetool ul{
		margin-bottom: 0px;
	}
	.sidetool ul li{
		height: 56px;
		text-align: center;
		list-style: none;
		cursor: pointer;
	}
	.sidetool ul li .li-content{
		width: 100%;
		height: 100%;
		
	}
	.sidetool ul li .li-content:hover{
		background-color: #ebebeb;
		color: #000000;

	}
	.sidetool ul li .li-content p{
		padding-top: 30px;
	}
	.sidetool ul li .li-content{
		/*width: 24px;
		height: 24px;
		display: block;
		margin:0 auto;*/
		background-position: 50% 10%;
		background-repeat: no-repeat;
		background-size: 24px 24px;
	}


	.sidetool ul li .sidetool-down{background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/c-wechat.png") ;border-radius: 5px 5px 0 0;border-bottom: none; background-position: center 8px;}
	.sidetool ul li .sidetool-down:hover{background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/c-wechat-hover.png");background-position: center 8px;}

	.sidetool ul li .sidetool-fankui{
		background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/sidetool-fankui.png") ;border-bottom: none;border-top:none;background-position: center 8px;}
	.sidetool ul li .sidetool-fankui:hover{
		background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/sidetool-fankui-hover.png");background-position: 50% 7%;background-position: center 8px;}
	.sidetool ul li .sidetool-qq{background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/c-qq.png") ;border-bottom: none;border-top:none;background-position: center 8px;}
	.sidetool ul li .sidetool-qq:hover{background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/c-qq-hover.png");background-position: center 8px;}    
			
	.sidetool ul li .sidetool-top{
		background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/sidetool-top.png") ;border-top:none;background-position: center 5px;}
	.sidetool ul li .sidetool-top:hover{background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2021/02/sidetool-top-hover.png");background-position: center 5px;}

/*二维码  start*/
	.sidetool-qrcode-box {
		display: none;position: absolute;right: 60px;top: 0px;padding: 10px 10px 3px 10px;overflow: hidden;-webkit-transition: .2s;transition: .2s;text-align: center;border-radius: 5px;}

	.sidetool-qrcode-box  .sidetool-qrcode{
		width: 84px;height: 84px;display: block;}
	.sidetool-qrcode-box p{margin-top: 2px;}
	/*二维码  end*/
/*右下角漂浮 end*/

/*中望商城icon start*/
.zwstore{
	height: 82px;
	line-height: 82px;
	margin-top: -11px;
	margin-left: 20px;
}
.zwstore a{}
.zwstore .zwstore-img{
	width: 22px;
	display: inline-block;
}
.zwstore-m{
	display: none;
}
/*中望商城icon end*/

/* 详情页里的video */
.new-details-con video{width: 600px; height: auto;}

/* 首页banner图文分离 start*/
.banner p {line-height: 1.6em;}
.banner .relative{position: relative;}
.banner .ban{z-index:9; width: fit-content;}
.banner .ban a{cursor: auto;}
.banner .ban .mfxz{cursor: pointer;}
.banner .inline-block{display: inline-block;vertical-align: middle;}
.banner .color-white{color: #fff;}
.banner .margin-bot10{margin-bottom: 10px;}
.banner .margin-bot20{margin-bottom: 20px;}
.banner .margin-bot30{margin-bottom: 30px;}
.banner .margin-bot40{margin-bottom: 40px;}
.banner .size48{font-size: 48px !important;}
.banner .size36{font-size: 36px !important;}
.banner .size24{font-size: 24px !important;}
.banner .size14{font-size: 14px !important;}
.banner .round-corner{border-radius: 5px !important;}
.banner .mfxz-box{display: inline-block;white-space: nowrap;height: 50px;z-index:5;}
.banner .mfxz {display: inline-block;width: 140px;line-height: 42px;height: 42px;border: 1px solid #fff;text-align: center;overflow: hidden;transition: all .4s;border-radius: 5px;position: relative;z-index: 4;}
.banner .ban .mfxz:hover{background-color: #ffffff;}


/*头部下拉大图引流（CAD直播）start*/
.head-live,.head-live-bar{position: relative;}
 /*.tag-nav .head-live-bar{top:0px;} */
.live-container,.live-container a,.live-container a .live-banner{width:100%;}
.live-container,.live-container a .live-banner{margin:0 auto;}
.live-container,.live-container a .live-banner .live-banner1{display: block;}
.live-banner{display:none;  position:relative;z-index: 1200}
.live-banner2{display: none;}
.head-live{top:0px;}
.banner-add{padding-top: 0px;}

@media (min-width: 1920px){
	.banner, .product-con, .msg-header, .navbar, .case, .employee, footer, .class_qidian_wpa{width: 1920px;}
	.product-con, .case, .employee, footer{margin: 0 auto;}
	.msg-header, .navbar, .class_qidian_wpa, .banner-inside{left: 50%; margin-left: -960px;}
}
@media (max-width: 1600px){
	/*遮罩弹窗，cad直播引流*/
	.zhezhao-box .zhezhao-con{width: 800px;height: auto;margin-left: -400px;margin-top: -223px;}
}
@media (max-width: 1500px){
	.banner .size48{font-size: 40px;}
}
@media (max-width: 1500px){
	.banner .size48{font-size: 40px !important;}
	.banner	.size36{font-size: 30px !important;}
	.banner .size24{font-size: 20px !important;}
}
@media (max-width: 1250px){
	.banner .margin-bot40{margin-bottom: 30px;}
	
	/*遮罩弹窗，cad直播引流*/
	.zhezhao-box .zhezhao-con{width: 600px;height: auto;margin-left: -300px;margin-top: -167px;}
}
@media (max-width: 1024px){
	.banner .size48{font-size: 32px !important;}
	.banner .size36{font-size: 28px !important;}
	.banner .size24{font-size: 18px !important;}
}
@media (max-width: 900px){
	.banner .mfxz{width: 120px;font-size: 16px;line-height: 40px;height: 40px;}
}
@media (max-width: 800px){
	.banner .size48{font-size: 26px !important;}
	.banner .size36{font-size: 22px !important;}
	.banner .size24{font-size: 16px !important;}
	.banner .margin-bot10{margin-bottom: 5px;}
	.banner .margin-bot20{margin-bottom: 10px;}
	.banner .margin-bot30{margin-bottom: 12px;}
	.banner .margin-bot40{margin-bottom: 15px;}
	.banner .show-in-pc {display: none !important;}

	.msg-header .msg-zwsoft-cn-url{width: 100%;}
	.msg-header .msg-zwsoft-cn2{display:none;}
}
@media (max-width: 760px){
	.banner .size48{font-size: 18px !important;}
	.banner .size36{font-size: 18px !important;}
	.banner .size24{font-size: 16px !important;}
	.banner .margin-bot20{margin-bottom: 10px;}
	.banner .margin-bot30{margin-bottom: 15px;}
	.banner .margin-bot40{margin-bottom: 20px;}
}



.banner .ban-text h3 p{margin-bottom: 5px;}
.banner .ban-text .mfxz:hover{color: #006bd3;}
.ban-left .ban-text{position: absolute;top: 50%;left: 10%;height: 40%;width: fit-content;margin-top: -8%;text-align: left;}
.ban-center .ban-text{position: absolute;top: 50%;left: 50%;height: 36%;width: 48%;margin: -14% 0 0 -24%;text-align: center;}
.ban-center .ban-text .mfxz{width: 90px;line-height: 30px;height: 30px;}

@media (max-width: 1024px){
	.ban-left .ban-text{opacity: 1!important;height: 46%;margin-top: -9%;left: 6%;}
	.ban-center .ban-text{opacity: 1!important;width: 56%;height: 46%;margin: -16% 0 0 -30%;}
}
@media (max-width: 800px){
	.banner .ban-text .mfxz {width: 80px;line-height: 24px;height: 24px;font-size: 12px !important;}
}
@media (max-width: 760px){
	.ban-left .ban-text{height: 30%;margin-top: -8%;width: 50%;}
	.ban-center .ban-text{width: 70%;height: 32%;margin: -14% 0 0 -35%;}
}
@media (max-width: 550px){
	.ban-left .ban-text{height: 56%;margin-top: -10%;left: 5%;width: 80%;}
	.ban-left .ban-text h3{font-size: 12px !important;}
	.ban-center .ban-text{width: 90%;height: 44%;margin: -15% 0 0 -41%;}
	.ban-center .ban-text h3{font-size: 12px !important;}
}
@media (max-width: 450px){
	.ban-left .ban-text{height: 70%;margin-top: -11%;}
}
/* 首页banner图文分离 end */













@media screen and (min-width:989px) and (max-width:1240px) {
    
    .navbar .nav-right .tel span{
        height: 30px;
        line-height: 30px;
        background-color: #595e5a;
    }
    .navbar .nav-right .tel .tel-1{
        top: 72px;
    }
    .navbar .nav-right .tel .tel-1 p{
         margin-top: 0px;
    }

    .navbar .nav-right .tel .tel-2{
        top:102px;
    }
    
   

}
@media screen and (max-width:989px) {
    .icon-tel{
        top: 20px;
    }
    .navbar .nav-right .tel .tel-1 p{
		margin-top:0px;
	}
    .navbar .nav-right .tel .tel-1{
        height: 62px;
		line-height: 62px;
    }
    .navbar .nav-right .tel span {
        height: 25px;
        line-height: 25px;
    }

}
/*add 400 tel   end*/

@media screen and (min-width:769px) and (max-width:989px) {
	/*zw3d what new start*/
	
	.what-new .list{width: 44%;margin: 0 4%;}
	.what-new .list:nth-child(odd){margin-right: 4%;}
	.what-new .list:nth-child(even){margin-left: 0%; }
	/*zw3d what new end*/
} 

@media screen and (max-width:768px) {
	/*zw3d what new start*/
    	.what-new .list{float: left;width:100%;margin:0px;padding: 15px;}
		.what-new .list:nth-child(odd){margin: 0%;}
		.what-new .list:nth-child(even){margin: 0%;}
		.what-new .list .problem-word{width: 100%;}
		.what-new .list .problem-con{height: auto;}
		.what-new .list .problem-pic .ico-paly{bottom: 30px;}
    /*zw3d what new end*/
	
	/* 详情页里的video */
	.new-details-con video{width: 100%; height: auto;}
}


@media screen and (min-width:1600px) {
	.bannerPic { right: 6%; }
	
}
@media screen and (min-width:1230px) and (max-width:1920px) {
	.case-con p{ width: 80%; margin: 0 auto; }
}
@media screen and (min-width:1240px) and (max-width:1388px) {
	.navbar-nav>li>a { padding: 21px 30px; }
	.navbar-collapse, .container-fluid { padding-left: 0; }
	.nav { margin-left: 15px; }
	.xl .nav-right .search-box{ margin-right: 15px; }
	.xl .nav-right .language { margin-right: 5px; }
	.xl .nav-right .tel{margin-right: 15px;}
	.xl .nav-right .header-search input:focus {width: 120px;border: 1px solid #726f71;}
	.product-con .lump { width: 360px; }
	.product-con .lump { margin: 8px 30px; }
	.dataNumber-list { width: 304px; }
	.employee-word { width: 346px; }
	.employee-list { width: 560px; }
	.copyright-info { margin-right: 100px; }
}
@media screen and (min-width:990px) and (max-width:1239px) {
	.nav-right .language{margin-right: 0px;}
	.product-center { right: 0; }
	.navbar-nav>li>a { padding: 21px 30px; }
	.navbar-collapse, .container-fluid { padding-left: 0; }
	.nav { margin-left: 15px; }
	.nav-right .language { margin-right: 25px; }
	.product-con .lump { width: 360px; }
	.product-con .lump { margin: 8px 30px; }
	.dataNumber-list { width: 304px; }
	.employee-word { width: 346px; }
	.employee-list { width: 560px; }
	.language span { display: none; }
	.xl .nav{margin-left: 0px;}
	.xl .navbar-nav>li>a{padding-left:20px;padding-right:20px;}
	.xl .nav-right .header-search input:focus {width: 120px;border: 1px solid #726f71;}
	.xl .nav-right .language { padding-left: 24px; margin-right: 5px; }
	.nav-right .tel span { position: absolute; right: -52px; display: none; color: #fff; top: 62px; width: 160px; text-align: center; line-height: 30px; border: 1px solid #e8e8e8; border-top: none; }
	.nav-right .tel:hover span { display: inline-block; }
	.product-con .lump { margin: 8px 5px; }
	.product-con .lump { width: 320px; }
	.dataNumber-list { width: 244px; }
	.employee-list { width: 460px; }
	.employee-word { width: 246px; }
	.news { width: 990px; }
	.news-word { width: 400px; }
	.news-con-left { width: 630px; }
	.news { width: 990px; padding: 0 5px; }
	.news-con-right { width: 310px; }
	.center { width: 990px; }
	.copyright-info { margin-right: 150px; }
	
	.footer-down p { margin-right: 280px; }
	.footer-down .footer-link-more { right: 170px; }
   

    .user-list { width: 990px;  }
    .user-list span { width: 210px; height:120px;  }
    .user-list span img { width: 210px; height:120px;  }
    .applications-con { width: 990px;  }
    .applications-left,.l .applications-right { width: 475px;}
    .case-inside-name {     width: 990px;  }
	.user-name { width: 320px; height: 342px;  padding: 31px 0 0 50px; }
	 .product-word { width: 492px; }
	 .product-inside { width: 100%; overflow: hidden;  }  
	 .product-inside .full { width: 990px; margin: 0 auto;  }
	 .product-inside-list { width: 190px; padding: 10px 10px; margin: 0 12px; }
	 .l .product-inside .swiper-button-next { right: 20px; }
     .l .product-inside .swiper-button-prev { left: 20px; }

	 .product-list-tit {font-size: 14px;  }
	 .l-m-r-l { width: 230px;  }
	 .l-r .l { width: 580px; text-align: right;  }
	 
	 .system-list { width: 310px;  padding-left: 150px; }
     .system-list i.icon { left: 72px;  }
     .developing-list {     margin: 0 66px;  }
     .pay-list {   margin: 0 34px; }
     .problem-list { width: 312px; margin: 0 8px; }
     .problem-word { width: 162px; margin-right: 0px; }
     .filter-list .td { width: 850px; }
     .min-center { width: 900px  }
     .min-r { width: 260px;  }
     .min-l { width: 480px;  } 
     .about-num-list { width: 230px; margin: 0 5px; }
     .culture-list { width: 236px;  }
     .culture-pic { width: 236px; height: auto;  }
     .duty { width: 750px;  }
     .contact-left { width: 324px; padding-left: 16px; text-align: left; font-size: 12px; }
     .contactus-con { width: 700px; margin-top: 32px; }
     .biWord .p1 { font-size: 30px;  }
     .biWord .p2 { font-size: 16px; }
     .history-list-details p { padding-left: 98px;  }
     .l-r .r { width: 270px; margin-left: 30px; } 
     .product-center { width: 1000px;  }
     .product-right { width: 800px;  }
     .product-right-list { width: 400px;  }
     .product-menu a { margin: 0 3.3%;width: 13.3%; }


}
@media screen and (min-width:989px) and (max-width:1150px) {
	 .product-inside .full { width: 840px !important;  }
	 .product-inside-list { width: 165px !important; }
	 .l-m-r-m  { width: 420px;  }

}
@media (max-width:1000px) {
.nav-right .header-search{display: none;}
}
@media screen and (min-width:989px) and (max-width:990px) {
	.navbar-default .navbar-collapse {     display: none !important;  }
}
@media (min-width:989px) {
	.sm-pdt60{ padding-top:60px;}
	.sm-pdt100{ padding-top:100px;}
	.employee .swiper-slide.swiper-slide-active { left: 50px; }
	.employee .swiper-slide.swiper-slide-next { right: 50px; }
	.copyright-link { /*width: 600px;*/ }
}
@media (max-width:989px) {
	.product-tab a.active:after { display: inline-block;  }
	.product-standard a { padding: 10px 20px; padding-bottom: 0; }
	.product-center { right: 0; }
	.news-tit-h3 { padding-top: 10px; }
	.mobilenav .navbar-nav>li.active>a, .navbar-default .mobilenav .navbar-nav>.ave>a { background: url(../images/icon022.png) 21px center no-repeat !important; background-size: 15px 10px !important; }
	.dropdown-list .ddlistp { display: none; }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #726f71; }
	.employee { height: 440px; }
	.downloadBtn { width: 140px; height: 34px; line-height: 34px; font-size: 0.9rem; }
	.icon-downloadBtn { font-size: 18px; }
	.mobilenav .mobilenav-tit { position: fixed; width: 65%; right: 0; top: 0; z-index: 9999999; }
	.navbar-nav>li>.dropdown-menu { width: 100%; border: none; position: relative; top: 0; min-width: 0; float: none; display: none !important; padding-top: 0; padding-bottom: 0; }
	.navbar-nav>li.ave>.dropdown-menu { display: block !important; }
	.dropdown-con { width: 100%; margin: 0 auto; position: relative; z-index: 3; padding-left: 0; opacity: 1; padding-left: 0; background: #f1f1f1; }
	.dropdown-list { float: none; margin-right: 0; }
	.h5-tit { border-bottom: 1px solid #e7e7e7; margin-bottom: 0; font-size: 0.9rem; color: #fff; padding-left: 45px; background: #999; padding: 16px 0; padding-left: 49px; }
	.h5-tit i.icon { display: none; }
	.dropdown-list a { display: block; font-size: 0.9rem; line-height: 24px; color: #666; padding-left: 20px; padding: 11px 30px; border-bottom: 1px solid #e7e7e7; padding-left: 48px; }
	.navbar-default .navbar-collapse { height: 100%; position: fixed; padding-top: 60px; overflow: auto; }
	.bannerword .p2 { font-size: 1.4rem; }
	.bannerword .p1 { font-size: 1.1rem; }
	/*.swiper-button-next, .swiper-button-prev { display: none !important; }*/
	.employeebg { opacity: 0.1; }
	.navbar { height: 60px; padding: 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2); box-shadow: 0 0 8px rgba(0, 0, 0, .2); }
	.navbar-default .navbar-toggle { z-index: 3; }
	.navbar-brand>img { width: 106px; }
	.navbar-brand { margin: 23px 0 0 23px; }
	/* .swiper-slide img.bigPic { min-width: 1000px; position: relative; left: 50%; margin-left: -500px; } */
	.swiper-pagination-bullet { width: 50px; }
	.nav-min { display: none; }
	.nav-right { position: relative; padding-left: 21px; }
	.nav-right > div { float: none; }
	.nav-right .language { margin-bottom: 50px; margin-top: -15px; }
	.language .icon-up-down { display: none; }
	.product-tit { font-size: 1.1rem; }
	.product { padding-top: 25px; width: 100%; overflow: hidden; }
	.product-menu { margin-top: 28px; }
	.product-menu a { font-size: 0.9rem; margin: 0 2px; }
	.product-con .lump .pic-icon { margin-top: 15px; }
	.product-con .lump { display: inline-block; text-align: center; color: #666; margin: 0; width: 30%; padding: 0 20px; height: 155px; }
	.product-con .lump .h5-product { font-size: 1.0rem; padding-top: 10px; }
	.product-con .lump .p-tit { font-size: 0.8rem; padding-top: 5px; }
	.product-tit { font-size: 1.1rem; }
	.product { padding-top: 25px; }
	.product-menu { margin-top: 28px; padding-bottom: 20px; }
	.product-menu a { font-size: 0.8rem; width: 19%; margin: 0 0px; margin-bottom: 20px; }
	.product-menu a span { padding-top: 10px; }
	.product-con .lump .pic-icon { margin-top: 15px; }
	.product-con .lump { display: inline-block; text-align: center; color: #666; margin: 0; width: 30%; padding: 0 20px; height: 155px; }
	.product-con .lump .h5-product { font-size: 1.0rem; padding-top: 10px; }
	.product-con .lump .p-tit { font-size: 0.8rem; padding-top: 5px; }
	.triangle { left: 50% !important; margin-left: -14px; }
	.product-center { width: 100%; }
	.product-left { width: 100%; text-align: center; padding: 0 40px; }
	.product-left a.product-more { margin-top: 20px; }
	.product-right-list { background: #fff; margin-top: 10px; width: 100%; height: 120px; }
	.product-right-list h4 { margin-top: 20px; }
	.product-right-list p { padding-top: 10px; margin-left: 0; width: 100%; padding-right: 30px; padding-left: 26px; }
	.product-right { width: 100%; padding: 0 14px; margin-top: 20px; }
	.product-right-list .icon-right { display: block; }
	.icon-right { top: 14px; font-size: 16px; right: 10px; }
	.dataNumber { height: 435px; background-size: auto 100%; }
	.data-icon { margin-bottom: 30px; margin-top: 60px; }
	.dataNumber-list { width: 48%; }
	.employee-list { position: relative; width: 80%; height: 80%; margin: 0 auto; margin-top: 35px; max-width: 400px; }
	.employee-pic { position: relative; z-index: 3; padding: 25px 0 0 0px; float: none; text-align: center; }
	.employee-pic img { width: 107px; height: 107px; border-radius: 50%; -webkit-border-radius: 50%; }
	.employee-word { position: relative; z-index: 3; width: 100%; color: #fff; margin: 20px 0 0 0; padding: 0 30px; float: none; }
	.employee-word h4 { font-weight: 700; padding-bottom: 6px; text-align: center; font-size: 1.0rem; font-weight: 700; }
	.employee-word h5 { font-size: 15px; padding-bottom: 5px; text-align: center; font-size: 1.0rem; }
	.employee-con { font-size: 14px; line-height: 22px; height: 120px; overflow: hidden; font-size: 0.8rem; line-height: 20px; margin-top: 15px; }
	.news { width: 100%; margin: 0 auto; margin-top: 30px; }
	.news-tit { font-size: 1.1rem; text-align: center; color: #000; margin-bottom: 10px; }
	.news-con-left { width: 100%; float: none; }
	.linktomore { float: right; padding-top: 9px; margin-right: 10px; }
	.news-tit-h3 span { border-bottom: 2px solid #087cd8; padding: 8px 0; display: inline-block; margin-bottom: -2px; font-size: 1.1rem; font-weight: normal; color: #000; padding-left: 20px; }
	.news-list { padding: 10px 0; border-bottom: 1px solid #e6e6e6; position: relative; padding-left: 160px; padding-right: 20px; padding-bottom: 40px; }
	.news-list:actve { background: #f7f7f7; }
	.news-pic { width: 126px; height: 84px; float: none; position: absolute; left: 20px; top: 16px; }
	.news-pic img { width: 126px; height: 84px; }
	.news-word { width: 545px; float: none; width: auto; }
	.news-tit-h5 { padding-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.1rem; }
	.news-tit-h5 a { color: #000; font-size: 1.1rem; }
	.news-word-con { margin-top: 12px; height: 54px; color: #000000; overflow: hidden; line-height: 18px; font-size: 0.8rem; overflow: hidden; }
	.news-info { font-size: 0.7rem; color: #9ca4ab; margin-top: 0; position: absolute; width: 100%; left: 0; padding: 0 20px; bottom: 9px; padding-right: 10px; }
	.news-info span { position: relative; padding-left: 20px; padding-right: 2px; height: 18px; line-height: 18px; display: inline-block; }
	.news-info .tomore { color: #087cd8; cursor: pointer; float: right; }
	.news-con-right { width: auto; float: none; margin-top: 10px; }
	.news-right-con { position: relative; padding: 0; padding-bottom: 10px; }
	.news-right-icon { display: none; }
	.news-right-list { padding-bottom: 10px; position: relative; border-bottom: 1px solid #e6e6e6; padding: 14px 20px; padding-top: 16px; }
	.news-right-tit a { color: #000000; font-size: 1.0rem; }
	.news-right-list .news-info { padding-top: 10px; padding-bottom: 0; bottom: 0; position: relative; padding-left: 0; }
	.linktomore { display: none; }
	.footer-link a:before { display: none; }
	.foot-wrap { background: #23262a; padding: 0; padding-top: 20px; margin: 0; /* margin-top: 15px; */ }
	.footer-up { padding-bottom: 10px; border-bottom: 1px solid #121212; }
	.footer-up .center { width: 100%; margin: 0 auto; padding-bottom: 88px; position: relative; }
	.copyright-link.fl { padding: 0 20px; float: none; }
	.footer-link { margin-left: 0; text-align: center; min-height: 64px; }
	.footer-link a { font-size: 0.8rem; position: relative; color: #959799; padding: 10px 0; line-height: 1; width: 33%; display: inline-block; float: left; }
	.footer-link a:nth-child(1), .footer-link a:nth-child(4) { text-align: left; }
	.footer-link a:nth-child(3), .footer-link a:nth-child(6) { text-align: right; }
	.footer-copyright { width: 100%; color: #73777a; font-size: 0.8rem; margin-top: 14px; line-height: 1.4; padding: 0; position: absolute; bottom: 10px; left: 0; padding: 0 20px; }
	.copyright-info { vertical-align: top; float: none; padding-top: 17px; }
	.footer-tel { display: inline-block; width: auto; font-size: 0.8rem; line-height: 1.3; color: #899097; padding-left: 20px; }
	.footer-tel-pic { padding-top: 10px; }
	.footer-tel-pic img { width: 60px; }
	.footer-code { position: relative; padding: 6px; background: #fff; margin-left: 47px; display: inline-block; }
	.footer-code img { width: 60px; height: 60px; }
	.footer-code strong { font-weight: normal; font-size: 0.7rem; line-height: 1.2; }
	.footer-down { height: auto; line-height: 1.5; border-top: 1px solid #333333; font-size: 14px; color: #959799; padding: 10px 20px; }
	.footer-down .center { position: relative; padding-bottom: 0; width: auto; }
	.footer-down p { margin-right: 0; overflow: visible; text-overflow: initial; white-space: normal; font-size: 0.8rem; display: inline; }
	.footer-down a { color: #959799; padding-right: 10px; }
	.footer-down .footer-link-more { position: relative; right: 0; top: 0; border: 1px solid #696b6d; display: inline-block; line-height: 1; padding: 1px 9px; padding-bottom: 2px; font-size: 0.7rem; border-radius: 2px; -webkit-border-radius: 2px; }
	.footer-code { position: relative; padding: 6px; background: #fff; left: 50%; display: inline-block; margin-top: 12px; margin-left: -15px; }
	.case-tit-h3 { font-size: 1.1rem; }
	.case-tit-h4 { font-size: 1.0rem; }
	.case-con { font-size: 0.8rem; }
	.data-icon { margin-bottom: 20px; margin-top: 30px; }
	.data-icon i.icon { font-size: 46px; color: #fff; }
	.data-con { display: inline-block; position: relative; padding-left: 62px; text-align: left; width: 160px; }
	.data-con .zh { font-size: 18px; line-height: 1.1; font-size: 1.0rem; }
	.data-con .en { font-size: 10px; color: #a2a2a2; letter-spacing: -0.2px; font-size: 0.5rem; overflow: hidden; height: 18px; }
	.data-con .num { position: absolute; right: 120px; bottom: 2px; font-family: Arial; font-size: 60px; line-height: 1; letter-spacing: -4.8px; opacity: 1; color: #a3a3a6; font-size: 2.6rem; }
	.icon-data-add { position: absolute; right: 108px; top: -15px; display: inline-block; height: 5px; width: 6px; background-size: 100% auto; }
	.dataNumber { height: auto; background-size: auto 100%; padding-bottom: 40px; padding-top: 19px; width: 100%; overflow: hidden; }
	.backtop, .information { display: none; }
	.case-list { height: 400px; text-align: center; padding: 0 20px; }
	.bannerword { width: 100%; text-align: center; left: 0; top: 65%; }
	.bannerPic { right: 0; top: 20px; height: 100%; width: 100%; opacity: 0.6; }
	.bannerPic p img { max-height: 100%; max-width: 100%; }
   
    .swiper-container.banner { margin-top: 0;  }
	.user-list { width: 100%;     text-align: center;  }
	.banner-inside { padding-top: 60px; height: 320px;width: 100%; overflow: hidden;  }
	.banner-inside img { max-width: 1990px; max-height: 100%; position: absolute; top: 0; left: 50%; transform: translate(-50%,0);   }
    .biWord .p1 { font-size: 1.2rem;  }
    .biWord .p2 { font-size: 0.8rem;  }
    .biWord {right: 6%; top: 46%;  }
    .biWord .p1 span { display: block;  }
    .biWord .p2 span { display: block;  }
    .case-tab-tit { height: 36px; line-height: 36px; margin-top: -36px  }
    .case-tab-tit a { margin: 0 auto; font-size: 0.9rem;  }
    h2.h2-tit { font-size: 1.6rem; padding: 25px 0;  }
    .user-list span { width: 45%; height: auto; margin: 0 5px; margin-bottom: 10px; }
    .user-list span img { max-width: 100%; background: #fff;  }

    .applications-tit { font-size: 1.6rem; padding: 25px 0; }
    .applications-con { width: 100%; padding: 0 20px;  }  
    .applications-left {width: 100%; margin-bottom: 20px; }
    .applications-con-tit { font-size: 1.2rem; border: none; position: relative;    padding: 9px 0;   }
    .page-more { font-size: 0.8rem; margin-top: 4px; }
    .icon-page-more { font-size: 12px;  }
    .icon-act-a { font-size: 22px; }
    .act-list h4 { text-overflow: ellipsis; white-space: normal; padding-right: 0; line-height: 24px; }
    .act-list p { padding-right: 60px;  }
    .act-list { padding: 14px 0 20px 0; border-bottom: none; position: relative; }
    .applications-list .act-list:last-child:after { display: none;   }
    .applications-right { width: 100%;  }
    .act-list h4 a { font-size: 1.0rem;  }
    .act-list p { font-size: 0.8rem;  }
    .case-inside-name { width: 100%;  }
    .user-name { width: 100%; font-size: 0.8rem; padding-left: 48px; }
    .case-inside-name .swiper-slide { padding: 0px 16px; }
    .copyright-con {  padding: 10px 8px; }
    .copyright-con .center { width: 100%; position: relative;  }
    h4.h4-copyright { font-size: 1.0rem; padding: 30px 0 20px 0; }
    h4.h4-copyright span { width: 220px; padding: 0 12px; }
    h4.h4-copyright i { top: 40px;  }
    .copyright-main { color: #8c8c8c; padding: 0 14px 10px 14px; font-size: 0.8rem; line-height: 1.8; }
    .center { width: 100%;  }
    .product-tab > .center > a { width: 49%; padding-top: 20px;  }
    .product-icon { height: 50px; width: 50px; background-size: 100%;  }

    .product-icon-a { background-position: 0 0;  }
    .product-icon-b { background-position: 0 -50px; }
    .product-icon-c { background-position: 0 -100px; }
    .product-icon-d { background-position: 0 -150px; }

    .product-tab .active .product-icon-a { background-position: 0 -200px;  }
	.product-tab .active .product-icon-b { background-position: 0 -250px;  }
	.product-tab .active .product-icon-c { background-position: 0 -300px;  }
	.product-tab .active .product-icon-d { background-position: 0 -350px;  }

    
    .product-tab a p { font-size: 0.9rem;     padding-bottom: 25px; }
    .product-pic { width: 100%; padding: 0 25px; text-align: center;}
    .product-pic img { max-width: 100%;  }
    .product-word { width: 100%; padding-top: 50px; }
    .product-tab-con { height: auto; /* margin-bottom: 20px; */ }
    .product-word h4 { font-size: 1.2rem; text-align: center;  }
    .product-word p.p1 { font-size: 0.8rem; line-height: 1.6; color: #b6b6b7; padding: 0 25px; padding-top: 20px;  }
    .product-word p.p2 { padding-top: 20px; text-align: center; padding-bottom: 20px; }
    .download-btn { width: 100px;  }
    .product-tab a:after { bottom: 0px;  }
    .pcProduct { display: none;  }
    .product-tab { padding: 10px 0 0 0  }
    .product-inside { width: 100%; padding: 0 8px;  }
    .product-inside-list { width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 8px; }
    .product-inside .swiper-wrapper { display: block;  }
    .product-list-con { display: none; }
    .product-list-tit { position: relative; border-bottom: none; font-size: 1.0rem; padding: 13px 14px; text-align: left; }
    .icon-down:before { content: '\e94d'  }
    .icon-down { transform:rotate(90deg); -webkit-transform:rotate(90deg);  display: inline-block; color: #bfbfbf; font-size: 16px; position: absolute; right: 14px;     top: 20px; }
    .product-list-con a { width: 49%; padding-left: 14px; font-size: 1.0rem; }
    .product-list-con a .icon-arrow { margin-right: 5px;  }
    .product-list-con { background: #fafafa; padding-top: 16px; padding-bottom: 16px;  }
    .product-inside .swiper-slide:nth-child(1) .product-list-con  { display: block;  }
    .product-download-th span { width: 100%;  }
    .product-download-center { padding: 8px; border: none;  }
    .product-download-th { height: auto; border: none;  }
    
    .product-download-th span {    float: none; height: auto; text-align: left; padding-left: 14px; font-size: 1.0rem; background: #fff;border: 1px solid #dededf; margin-top: -1px;  }
    .product-download-th span.active {height: auto; border: 1px solid #dededf; margin-top: -1px; background: #f3f3f3; color: #087cd8; line-height: 52px; }
     .product-td {  padding: 20px 14px; font-size: 0.8rem; }
     .product-download-con { background: #f3f3f3; border: 1px solid #dededf; border-top: none;  }
     .div-download { text-align: center;  }
     .biWordDetails .p1 { font-size: 1.5rem; }
     .biWordDetails .p1 span { font-size: 0.8rem; vertical-align: 4px; }
     .biWordDetails .p2 {text-align: center; }
     .btndown {  width: 122px; font-size: 0.9rem; border: 1px solid #fff; color: #f1f1f1; text-align: center; height: 34px; line-height: 32px; }
     .icon-btndown { font-size: 19px; color: #fff; vertical-align: -2px; }
     .introduction { width: 100%; font-size: 0.8rem; padding: 10px 30px; line-height: 1.8; }
     .details-th .chooseth i { width: 56px; height: 56px; background-size: auto 100%; }
     .details-th .chooseth p { font-size: 0.8rem;  }
     .details-th .chooseth  { margin: 0 10px;  }  
     .details-th { padding-top: 20px; } 
     .details-triangle {  margin-left: -14px; }
     .details-download .download-list { font-size: 0.8rem; margin: 0 5px; width: 138px; margin-bottom: 14px; position: relative; padding-right: 30px; }
     .download-list .icon-download { color: #087cd8; margin: 0 0 0 9px; float: right; padding-top: 8px; position: absolute; right: 11px; top: 0px; }
     .details-download { padding:30px 0 10px 0 ;  }
     .l-m-r-l { width: 100%; float: none; text-align: center; padding-top: 20px; text-align: center; padding: 0 36px;    padding-bottom: 30px; }   
     .l-m-r-m { width: 100%; margin-left: 0; height: auto; padding: 0 15%;    float: none; }
     .l-r .l { margin-left: 0; width: 100%; padding: 0 15%; background: none;    text-align: center; }
     .l-r .r { width: 100%; margin: 0; padding: 35px 30px; text-align: center;  }
     .l-r { padding-bottom: 10px; overflow: hidden;  }
     .min-center { width: 100%; }
     .min-l-r {  padding: 0 0;  background: none; overflow: hidden }
     .min-l { width: 100%; padding: 0 15%;  } 
     .min-r { width: 100%; text-align: center; margin-left: 0; padding: 0 30px; padding-top: 20px;  }
     .white .h3-tit { padding: 40px 0; }
     .recommend-list .p-download { padding-top: 5px; }
     .recommend-list .p-tit { padding-top: 2px; font-size: 0.9rem; }
     .recommend-list .pic { width: 45px; height: 45px;  }
     .recommend-list { margin-left: 0; float: none; height: 124px; border: 1px solid #ebeced; text-align: center; padding-top: 11px; display: inline-block; margin: 0 3px; margin-bottom: 10px; }
     .recommend-download  { text-align: center;  }
     h2.details-h2-tit { padding-top: 40px;  }
     .history-white { background: #f0f2f5;  }
     .history-list { width: 100%; float: none; padding: 0 8px; padding-bottom: 6px;  }
     .history-list .tit-download { display: block; text-align: left; background: #fff; font-size: 1.0rem; padding: 10px 0; padding-left: 60px; }
     .history-list span.pic { width: 27px; background-size: auto 22px; position: absolute; left: 14px; top: 0px; }   
     .history-list .tit-download p { display: inline-block; padding-top: 0;  }
     .history-list .icon-down { top: 15px; }
     .history-list .details-triangle { display: none !important;  }
     .history-list-details { margin-bottom: 8px; padding: 0 8px; margin-top: -6px; position: relative }
     .history-list-details .min-center { background: #fff;  }
     .history-list-details p { font-size: 0.8rem; padding-left: 14px;float: none; padding-right: 100px; position: relative  }
     .history-list-details p span { width: auto;  }
     a.min-download { position: absolute; right: 22px; top: 12px;  }
     .recommend-list .p-download a.min-download { position: relative; right: 0; top: 0;  }
     .search-bg { height: 500px; position: relative; width: 100%; overflow: hidden; }
     .search-bg img { max-width: initial; max-height: 100%; position: absolute; left: 50%; margin-left: -592px; }
     .search-con p.input {     width: 100%; }
     .search-input {width: 60%; height: 40px; line-height: 40px; margin-left: 10%; padding: 0 14px; font-size: 0.8rem; }
     .search-btn { width: 20%; line-height: 40px; height: 40px; margin-right: 10%; font-size: 1.0rem; }
     .chooseSearch {width: 100%; text-align: center; padding-left: 10px; font-size: 1.1rem; }
     .chooseSearch span { padding-right: 20px; }
     .search-con h2 { font-size: 1.6rem; }
     .search-con .p1 {  padding-top: 5px; font-size: 1.2rem; }
     .search-con { height: 220px; margin-top: -110px;  }
     .new-details-banner h2 { color: #fff; padding-bottom: 10px; font-size: 1.2rem; padding: 0 25px; padding-top: 54px; line-height: 1.5; height: 110px; overflow: hidden; }
     .new-details-banner .news-info { position: relative; margin-top: 32px; }
     .new-details-banner { margin-top: 62px; height: 170px; width: 100%; background: url(../images/new/banner-bg.jpg) center no-repeat; background-size: auto 100%; }
     .location { font-size: 0.8rem; }
     .new-details { padding: 0 8px;padding-bottom: 40px; }
     .new-details-con { background: #fff; padding: 12px; line-height: 1.8; color: #9c9c9c; font-size: 0.8rem; padding-bottom: 25px; }
     .new-page { padding: 27px 20px; }
     .new-prev span, .new-next span { display: none;  }
     .new-problem-th span { width: 33.33%;  }
     .new-problem-td {    padding: 16px 14px;}
     .new-problem-list p {  width: 100%; line-height: 1.6;padding: 4px 0; }
     .new-problem-list p:nth-child(odd) { margin-right: 0;  }
     .new-problem-list p a { /* max-width: 220px; */ color: #9c9c9c;  }
     .new-problem-th { line-height: 46px; height: 46px; border-bottom: none; }
     .new-problem span.active { line-height: 38px; height: 46px; margin-top: 0; }
     .new-problem { margin-top: 20px; border: none;   }  
     .problem-list { float: none; width: 100%; margin: 0; }
     .problem-con { height: auto;   }
     .common-problem { padding: 0 8px;  }
     .loading-more {display: none;  }
     .problem-pic { position: absolute; left: 12px; top: 12px; }
     .problem-word { width: 100%; margin-right: 0; padding-left: 132px; float: none; }
     .recruitment-banner .p1 { font-size: 1.2rem; } 
     .recruitment-banner h1 { font-size: 1.6rem; padding-top: 85px; padding-bottom: 10px; }
     .filter-con { font-size: 0.9rem;    padding: 10px 14px; }
     .filter-list { padding: 0px 0; line-height: 2.2; }
     .filter-list .td { width: auto; float: none; }
     .line { display: none;  }
     .filter-list .td a { padding-right: 16px; } 
     .filter-top { line-height: 26px; padding: 14px 14px; color: #676767; font-size: 0.9rem; }
     .recruitment { padding: 10px 0; }
     .recruitment-tit { display: none; } 
     .recruitment-con { margin-top: 10px; background: none; }
     .recruitment-list { border-bottom: none; padding: 0 14px; background: #fff; }
     .recruitment-list span { display: block; width: 100% !important;padding: 0; text-align: left; line-height: 24px; font-size: 0.8rem; }
     .recruitment-list-details { display: block;  }
     .recruitment-list span.span-a { font-size: 1.1rem; padding: 18px 0;    padding-bottom: 14px; }
     .recruitment-list span.span-a a { color: #087cd8; }  
     .recruitment-list strong  { display: inline-block;  }
     .recruitment-list-details { padding: 0 14px; border: none; margin-bottom: 10px;  }
     .recruitment-list-details h5 { color: #000; padding-top: 10px;  }
     .recruitment-con p.mailbox span { line-height: 34px; padding-left: 0; text-align: left; color: #0679d5; width: 68%; padding-right: 0; }
     .recruitment-con p.mailbox { padding-top: 10px; padding-bottom: 10px; position: relative;     margin-top: 20px;}
    
     .system { padding: 0 12px; }
     .system-list { width: 33.33%; margin: 0; margin-bottom: 8px; padding-left: 0; margin-left: -1px; height: 140px; }
     .system-list .p1 { padding-top: 64px; padding-bottom: 2px; text-align: center; font-size: 0.9rem; }
     .system-list .p2 { font-size: 0.8rem; line-height: 1.4; text-align: center   }  
     .team-tit { padding-top: 40px; }
     
     h5.developing-h5-tit { background: none; line-height: 20px; padding: 0 40px; padding-top: 20px; font-size: 0.8rem; }
     .developing-tit {padding-top: 40px;  padding-bottom: 18px;  }
     .developing-list { margin: 0 auto; float: none;  }
     .developing-list:first-child .developing-tit { color: #087cd8; }
     .developing-list:first-child .developing-con { background-position: right center;  }
     .pay-list { width: 50%; margin: 0; font-size: 0.8rem; padding-top: 50px; padding-left: 26px; line-height: 1.5; padding-right: 20px; margin-bottom: 30px;text-align: center;  }
     .pay-list i.icon { position: absolute; color: #989898; left: 50%; margin-left: -22px; top: 0; }
   /*   .pay-list p { display: inline; color: #717274  } */
     .pay-con { padding-bottom: 40px; }
     h5.growing-h5-tit { background: none; }
     h3.growing-h3-tit {
	    padding-top: 30px;
	}
	.growing {  padding: 0 20px; height: 545px; background-position: top center; background-size:auto 100%;  }
	.growing-con { width: 100%; padding: 40px 0px; height: 410px; }
	.grow-word {  display: none; }
	.flip > .positive { height: 320px; overflow: hidden; width: 50%; float: left; }
	.flip > .anti { -webkit-transform: none; -moz-transform: inherit; z-index: 1; width: 50%; float: right; height: 320px; padding: 25px 30px; }
    .flip > .positive img { width: 100%; margin-top: -35px; }
    .flip > div { position: relative;  }
    .anti .p1 { font-size: 1.2rem; line-height: 1.8; }
    .anti .p2 { font-size: 1.1rem; line-height: 1.3; padding-top: 5px; }

    .product-download-center > .product-download-con { display: none;  }
    .product-download-th .product-download-con { display: none;  }


    .mailbox:after,.act-list:after,.applications-con-tit:after,.history-list-details:after  {  font-size: 0.8rem; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: #dee0e8; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
    .history-list-details:after,.mailbox:after { bottom: auto; top: 0;  }
    .mailbox:after { left: -14px; right: -14px;  }

    .product-tab .mobileProduct:nth-child(3){ display: block;   }
    .flip:hover > .positive { -webkit-transform: rotateY(0); }
    .ovfHiden {
	    overflow: hidden !important;
	    height: 100% !important;
	}
	.system-list i.icon { left: 50%; top: 18px; font-size: 34px; margin-left: -17px;   }

	.about-tab-tit a { padding: 0 5px;  }
	.aboutus-pic img { max-width: 85%  }
	.aboutus-word h1 { text-align: center; font-size: 1.0rem; padding-bottom: 45px;  }
	.aboutus-word h1:after { left: 50%; margin-left: -24px;bottom: 22px;  }
	.aboutus-word { padding-top: 25px;       }
	.aboutus-word p { font-size: 0.8rem; color: #8c8c8c; text-align: justify; }
	.aboutus-word h2 { padding-top: 8px;  }
	h2.about-h2-tit { font-size: 1.0rem; font-weight: 700; padding-top: 40px;  }
	.about-introduction { color: #b3b5b5; font-size: 0.8rem; width: 100%; padding: 0 30px;  }
	.front { display: none !important; }
	.behind { display: block; position: relative; background: none;  }
	.behind .l-n-zh { display: none;  }
	.behind .l-n-en { display: none;  }
	.behind .a-n-l-con { display: none;  }
	.about-num-list { width: auto;text-align: center; border: none; height: auto; }
	.behind .a-n-l-n { font-size: 2.5rem; padding-left: 0; padding-right: 12px; color: #fff;  }
	.behind .a-n-l-n i { left: auto; right: 0; background: url('../images/about/icon040.png') no-repeat;  }
	.about-num-con { padding-right: 5px;  }
	.behind .a-n-l-n i.behind-last { width: 16px; height: 9px; background: url('../images/about/icon042.png')  no-repeat; background-size: 100%; right: -10px;  }
    .about-num-con { padding-bottom: 30px; position: relative;  }
    .about-num-con-span { position: absolute; left: 14%; bottom: -1px; content: ''; background: url('../images/about/icon51.png') no-repeat; background-size: 100%; width: 18px; height: 13px; display: inline-block;  }
    .m-about-num-con { margin: 0 18px; background: #f5f5f6; padding: 25px 16px; display: block;  }
    .m-about-num-con .a-n-l-n { display: none;  }
    .m-about-num-con .l-n-zh { color: #087cd8; font-size: 18px; }
    .m-about-num-con .l-n-en { color: #b7c9e9; font-size: 10px; letter-spacing: -0.5px; }
    .m-about-num-con .a-n-l-con { color: #878788; font-size: 0.8rem; line-height: 1.8; padding-top: 15px;  }

    .about-num { padding-bottom: 60px;  background-size: auto 100%; background-position: top right; }
    .solution-tit {   font-size: 1.0rem; text-align: center; padding-top: 35px; font-weight: bold; padding-bottom: 25px; }
    .solution-con { width: auto; margin: 0 18px; overflow: hidden;  }
    .solution-pic { float: none; margin: 0; text-align: center; padding-top: 30px;  }
    .solution-con .swiper-pagination { padding-left: 0; text-align: center; bottom: auto; top: 200px; }
    .solution-word h5 { font-size: 1.0rem; padding-top: 40px; padding-bottom: 18px; color: #fff; }
    .solution-word { width: 100%; margin-right: 0; color: #fff; line-height: 20px; background: #087cd8; padding: 0 18px; font-size: 0.8rem; color: #a2c9ee; padding-bottom: 20px; }
     .solution-white {  background-position: center bottom; padding-bottom: 45px; }
    h2.course-h2-tit { font-size: 1.0rem; font-weight: 700;  } 
    #dates { display: none;  }
    #timeline { width: 100%; max-height: none; background: none;  }  
    #issues { width: 100% !important; position: relative; z-index: 2; }
    #issues li { width: 100%; opacity: 1 !important; float: none; text-align: center;  }
    #next,#prev { display: none !important;  }
    #issues li h1 { display: inline-block; padding: 0 16px; height: 24px;line-height: 22px; font-size: 1.0rem; color: #087cd8; text-align: center;  background: #fff; border-radius: 12px; border: 1px solid #087cd8; margin-bottom: 30px;  }
    .course-arrow { display: none;  }
    #issues li h1:before { opacity: 0;  }
    .issues-con { padding: 16px 9px; margin: 0 18px; margin-bottom: 35px; background: #fcfcfc; border: 1px solid #ededed; text-align: left;   }
    #issues li p { margin-right: 0; font-size: 0.8rem; }
    #issues li { height: auto;  }
    #timeline:after { content: ''; position: absolute; top: 45px; left: 50%; /* height: 100%; */ width: 1px; background: #087cd8; bottom: 55px; }
    .issues-con { position: relative; display: none;  }
    #issues li:first-child .issues-con { display: block; }
    .issues-con:before { position: absolute; left: 50%;top: -3px; margin-left: -2px; width: 6px; height: 6px; background: #087cf8; border-radius: 50%; content: '';  }
    h2.culture-h2-tit { font-size: 1.0rem; padding-bottom: 14px; }
   
    h2.duty-h2-tit { font-size: 1.0rem;  padding-bottom: 20px;  }
    .duty-tit { width: 100%; padding: 0 20px; padding-top: 25px;  }
    .duty { text-align: center;  }
    .duty-con { width: 100%; } 
    .duty-pic { margin: 0 auto;  }
    .duty-word { padding: 0 50px;  }  
    .contactus-menu { display: none;  }
    .contactus-con { width: 100%; padding: 0; border: none; margin-top: 0; }
    .contactus-tab-tit { display: block; height: 44px;line-height: 44px; background: #fff; padding-left: 14px;position: relative; font-size: 0.9rem; margin-top: 8px; text-align: left;  }
    .contactus { background: #f5f5f5; padding: 0 18px;  }
    .contact-left { width: 100%; padding-left: 20px; float: none;padding: 0 14px; padding-bottom: 20px; }
    .contact-right { float: none;  width: 100%; height: auto; padding: 0 14px; }
     .contact-right  img { max-width: 100%; }
    .contactus-tab-tit .icon-down { top: 15px;  }
    .contact-h5 { font-size: 0.8rem; padding-top: 18px;  }
    .contact-left p { font-size: 0.8rem; padding-left: 30px;  }
    .contactus-tab { display: block;background: #fff;  }
    .contactus-l-r { display: none;  } 
    .contactus-con .contactus-tab:first-child .contactus-l-r { display: block;  }
    .contactus { border: none;  }
    .tab-triangle { display: none;  }
    .about-num-list > .behind { -webkit-transform: rotateY(0);  }
    .team-con span {     margin: 0 38px;  }
    .team-con-center { background: url(../images/about/line09.png) center center no-repeat; }
    .history-version .center { width: 75%;  }
    .culture-list { width: 50%; width: 48%; margin: 0 1%; margin-bottom: 10px;  }
    .culture-pic img { width: 100%;  }
    .culture-pic { height: auto;  }
    .culture { height: auto; padding: 0 6px;  }
    .culture-con { display: block !important;height: 110px;  font-size: 0.8rem;padding-top: 0; }
    .product-inside { width: 75%; padding-bottom: 30px; }
    .product-download-center { width: 75%;  }
    .pdcon { text-align: left;text-align:justify  }
    .case-tab-tit a:hover {  color: #fff; }
    .p-btndown { display: none;  }
    .paginationnew-border span.pageInfo { display: none;  }
    .paginationnew-border { padding: 12px 0; }
    .biWordDetails .p1 { padding-top: 28px;  }
    .video-list.col-sm-4,.video-list.col-md-4  { width: 33.33333333%;float: left; }
    .video-list.col-sm-6,.video-list.col-md-6 { width: 50%;float: left; }
    .video-con .row { padding: 0 30px;  }
    .video-tit p.p2 { font-size: 1.0rem;  }
    .video-tit { height: 80px; }
    .video-tit p.p1 { padding-top: 20px;  }
	
	.swiper-button-next, .swiper-button-prev { height:30px;}
	.banner .swiper-button-next,.banner  .swiper-button-prev{margin-top:10px;}
	
	/*head nav store*/
	.zwstore{margin-right: 10px;}
	.zwstore-m{
		display: inline-block;
	}
	.zwstore-pc{
		display: none;
	}
	.index-banner{padding-top: 122px;}

	/*头部下拉大图引流（CAD直播）start*/
	.live-container a .live-banner .live-banner1{display: none;}
	.live-banner2{display: block;}
	/*头部下拉大图引流（CAD直播） end*/
}
@media (max-width:767px) {

     .team-con { height: 380px; background: url('../images/about/about-bg02.jpg') top center no-repeat; background-size: 100%; }
     .team-con-center { background: none;  padding-top: 15px; }
     .team-con span { margin: 0 36px; margin-bottom: 47px; background: rgba(0,0,0,0.5); width: 100px; height: 100px; position: relative; vertical-align: top; }
     .team-con span:nth-child(1),.team-con span:nth-child(3) { margin-left: 194px; }
     .team-con span:nth-child(2),.team-con span:nth-child(4) { margin-right:  194px;  }
     .team-con span:nth-child(1):before  { content: ''; position: absolute; right: -73px; top: 47px; width: 73px;height: 5px;background: url('../images/about/line04.png') no-repeat; background-size: 100%;  }
     .team-con span:nth-child(2):before  { content: ''; position: absolute; left: 47px; bottom: -47px; width: 5px;height: 47px;background: url('../images/about/line05.png') no-repeat; background-size: 100%;  }
     .team-con span:nth-child(3):before  { content: ''; position: absolute; left: 47px; top: -48px; width: 5px;height: 48px;background: url('../images/about/line03.png') no-repeat; background-size: 100%;  }
     .team-con span:nth-child(4):before  { content: ''; position: absolute; left: 47px; bottom: -20px; width: 5px;height: 20px;background: url('../images/about/line06.png') no-repeat; background-size: 100%;  }
     .video-list.col-sm-4,.video-list.col-md-4 { width: 100%;float: left; text-align: center; margin-bottom: 20px; }
     .video-list.col-sm-6,.video-list.col-md-6 { width: 100%;float: left; text-align: center; margin-bottom: 20px;  }
     .video-con .row { padding: 0 10px;  }
     .swiper-slide img.bigPic {
	    min-width: 1000px;
	    position: relative;
	    left: 50%;
	    margin-left: -500px;
	}
	
	/*index page banner mobile*/
	.banner .swiper-slide img.bigPic {
		min-width: 100%;
		left: 0px;
		margin-left: 0px;
	}
	.banner .swiper-pagination-bullet {
		width: 25px;
	}

	.new-details-con p{ text-indent:0em;}
	.recommend-list{width: 49.5%;margin: 10px auto;padding: 10px 0;}
}
@media (max-width:600px) {
	.bannerword .p1 img { max-width: 240px; }
	.bannerword .p2 img { max-width: 300px; }
	.bannerword .download { margin-top: 45px; }
	.bannerword { margin-top: -80px; }
	.product-con .lump { width: 48%; }
	.culture-con { height: 140px;  }
	/*.product-menu a {min-height: 120px;width: 30%;}*/
}
@media screen and (min-width:447px) and (max-width:606px) {
	 .details-download .download-list { margin: 0 6% 14px 6%;  }
}


@media (max-width:667px) {
	.team-con span:nth-child(1),.team-con span:nth-child(3) { margin-left: 100px; }
     .team-con span:nth-child(2),.team-con span:nth-child(4) { margin-right:  100px;  }
     .case-inside-name .swiper-slide { padding: 0px 24px; }
	 
	 /*遮罩弹窗，cad直播引流*/
	.zhezhao-box .zhezhao-con{width: 400px;height: auto;margin-left: -200px;margin-top: -111px;}
}
@media (max-width:500px) {
	.team-con span:nth-child(1),.team-con span:nth-child(3) { margin-left: 70px; }
     .team-con span:nth-child(2),.team-con span:nth-child(4) { margin-right:  70px;  }

     .index-banner .swiper-button-next, .index-banner .swiper-button-prev{
     	margin-top: 10%;
     }
	 
	 /*遮罩弹窗，cad直播引流*/
	.zhezhao-box .zhezhao-con{width: 300px;height: auto;margin-left: -150px;margin-top: -225px;}
	.zhezhao-box .zhezhao-con .zz-img1{display: none}
	.zhezhao-box .zhezhao-con .zz-img2{display: block;width: 100%;}
}
@media (max-width:635px) {
	/* .product-menu a { margin: 0 30px; margin-bottom: 20px; } */
	.product-menu a{
		height: 110px;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.product-menu a .p-pro{
		width: 60px;
		display: block;
		margin: 0 auto;
	}
	.product-menu a .p-pro i{
		padding-top: 0px;
	}
	.product-menu a .p-pro i.icon-pro-r{
		top: -8px;
	}
	.product-menu a span{
		height: 50px;
		display: block;
	}

}

@media screen and (min-width:700px) and (max-width:800px) { 
	  .list-more { position: absolute; right: auto; top: 0; margin-left: 10px; }
}
@media (max-width:416px) {
	.product-menu a { width: 18%; }
	.product-menu a .p-pro i.icon-pro-y{width: 36px;background-size: 72px;background-position-y:top; }
	.product-menu a .p-pro i.icon-pro-z,.product-menu a .p-pro i.icon-zwsim{font-size: 40px;}
	.product-menu a .p-pro i.icon-pro-x{font-size: 36px;}
	.product-menu a .p-pro i.icon-pro-r{font-size: 50px;top: -5px;}
	.index-banner .swiper-button-next, .index-banner .swiper-button-prev{margin-top: 50px;}
	.msg-header .msg-close{top: 5px;right: 0px;width: 15px;}

	.team-con span:nth-child(1),.team-con span:nth-child(3) { margin-left: 0; }
     .team-con span:nth-child(2),.team-con span:nth-child(4) { margin-right: 0; }
     .banner-inside-about img { left: 90%; }
     .pay-list p { display: inline; color: #717274; }
     .flip > .positive { width: 100%; float: none; height: 300px;  }
     .flip > .anti { width: 100%; float: none; height: auto;  }
     .anti .p1 { font-size: 1.0rem; line-height: 1.4; }
     .anti .p1 { font-size: 1.0rem; line-height: 1.4; }
     .growing-con { width: 100%; height: 560px; }
     .growing {  height: 645px; }
     .flip > .positive { height: 200px; overflow: hidden; width: 100%; }
     .growing-con { width: 100%; padding: 40px 0px; height: 520px; }
      .pay-list { text-align: left; }
       .history-version .center { width: 100%;  }  
        .culture { padding: 0 18px; height: auto;  }
    .culture-list { width: 100%; float: none; margin: 0; background: #fff; padding-bottom: 20px; padding-bottom: 10px; margin-bottom: 18px; }
    .culture-pic { height: auto; text-align: center; max-height: 220px; overflow: hidden; }
    .culture-pic img { width: 100%;  }
    .culture-con { font-size: 0.8rem;display: block; color: #8c8c8c;  }
    .culture-tit { line-height: 24px; padding: 10px 20px; height: auto; padding-bottom: 0px; }
    .culture-con { font-size: 0.8rem; display: block; color: #8c8c8c; padding: 0 20px; height: auto; overflow: hidden; }
    .product-inside,.product-download-center { width: 100%;  }
    .course-arrow { opacity: 0;  }
    .pcbiWord { top: 43%;  }
    .paginationnew .mb { display:inline-block;  }
    .paginationnew .pc { display:none;  }

    /*zw3d what new start*/
		.what-new .problem-pic{position: none;}
		.what-new .problem-pic{width: 100%;position: none;left: 0px;top: 0px;}
    /*zw3d what new end*/

}
@media (max-width:360px) {
	.news-info { font-size: 0.6rem; padding-left: 7px; }
	.news-pic { left: 10px; }
	.news-list { padding-left: 148px; padding-right: 10px; }
	.team-con-center {padding-top: 5px;  }
	.paginationnew a { margin: 0 1px;  }
	.paginationnew a { padding: 0 10px; }
}
@media (max-width:320px) {
	.bannerword .p1 img { max-width: 220px; }
	.bannerword .p2 img { max-width: 280px; }
	.product-menu a { font-size: 0.8rem; margin: 0 1px; }
	.user-name {     padding-left: 42px; }
	.case-inside-name .swiper-slide { padding: 0 14px;  }
	.new-problem-list p a { max-width: 160px;  }  
	.team-con-center {padding-top: 0px;  }
	.new-problem-list p span {     font-size: 0.7rem;  }
	.case-tab-tit a { padding: 0 3px; font-size: 0.8rem; }
	.paginationnew a { margin: 0 1px;  }
	.biWordDetails { right: 5%;  }

	/*遮罩弹窗，cad直播引流*/
	.zhezhao-box .zhezhao-con{width: 250px;height: auto;margin-left: -125px;margin-top: -187px;}
	.zhezhao-box .zhezhao-con .zz-img1{display: none}
	.zhezhao-box .zhezhao-con .zz-img2{display: block;width: 100%;}
}

/** 新侧边栏调整 start*/
.sidetool ul li .sidetool-kefu{
	background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2022/05/628d91a80d06d.png") ;border-bottom: none;border-top:none;background-position: center 8px;}
.sidetool ul li .sidetool-kefu:hover{
	background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2022/05/628d91ad0ce71.png");background-position: 50% 7%;background-position: center 8px;}
.sidetool ul li .sidetool-zixun{
	background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2022/05/628d9ffac60e1.png") ;border-bottom: none;border-top:none;background-position: center 8px;}
.sidetool ul li .sidetool-zixun:hover{
	background-image: url("https://cdn.zwsoft.cn/uploadfile/content/2022/05/628da0005765e.png");background-position: 50% 7%;background-position: center 8px;}
@media (max-width:768px){.li-top{display:none}
	.sidetool{position:fixed;width:100%;height:45px;line-height:45px;margin-top:0!important;bottom:0;top:auto;right:0}
	.sidetool ul li{height:100%;float:left}
	.sidetool ul li .li-content{border-radius:0;border-bottom:1px solid #dadada;border-top:1px solid #dadada;border-left:none;border-right:0}
	.sidetool-qrcode-box{right:0;top:auto;margin-left:-53px;width:fit-content;bottom:53px;height:125px;box-sizing:border-box;overflow:visible}
	.sidetool-qrcode-box p{margin-top:-7px}
	.sidetool-qrcode-box .arrow-right{transform:rotate(90deg);left:50%;margin-left:-5.5px;top:auto;bottom:-9px}
	.sidetool ul li{width:33.33%}
	.sidetool-qrcode-box{left:17.67%}
}
/** 新侧边栏调整 end*/